我的服务器上有许多文档可供访问者下载。我有一个这样的显示设置:
<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 来执行此操作。我基本上希望浏览器对外部文档进行“截图”,然后将其显示给访问者预览。我不希望他们能够从预览中交互“阅读”文档,只是看看他们正在下载什么。(至少第一页)
我希望这对我想做的事情有意义!