私のサーバーには、訪問者がダウンロードできるドキュメントがたくさんあります。私は次のようにディスプレイを設定しています：
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<img src="http://placehold.it/320X200" alt="ALT NAME">
<div class="caption">
<h3>Header Name</h3>
<p>Description</p>
<p align="center"><a href="assets/documents/NHSHandbook1314.doc" class="btn btn-warning btn-block">Download</a></p>
</div>
</div>
</li>
</ul>
この中に、現在、各ドキュメントのメイン表示として画像があります。そのスペースにドキュメントのプレビューを表示したいと考えています。おそらく、ドキュメントの最初のページのページ読み込み時にブラウザーによって完成されたスクリーンショットです。
<iframe src="assets/documents/NHSHandbook1314.doc" width="230" height="144"></iframe>画像の代わりに試してみましたが、iframe に何も表示されず、ページが読み込まれるとすぐにドキュメントがダウンロードされました。
ページの読み込み時にjavascriptまたはphpを使用してこれを行いたいと思います。私は基本的に、ブラウザで外部ドキュメントの「スクリーンショット」を撮り、それを表示して訪問者がプレビューできるようにしたいと考えています。彼らがプレビューからドキュメントを「読む」ことができるようにしたくありません。ダウンロードしているものを確認するだけです。(少なくとも最初のページ)
私がやりたいことについて、それが理にかなっていることを願っています！