在我的页面上嵌入 power point 演示文稿

Question

就我而言，在客户端，用户可以选择 (img(jpg|png|gif") 文件、pdf 文件、ppt 文件）并且数据正在存储在数据库中。现在在管理面板中我必须显示这个选定的文件。我所做的是我正在使用 if 条件 如果文件是 img，我使用的是 img 标签（src =文件夹包含文件/数据库值），对于 pdf，我使用的是锚标签超链接（href = 文件夹包含文件/数据库值）两者都工作正常，但问题出在 ppt 文件我做的和我对 pdf 做的一样，但它是直接下载文件，我只想显示文件。 我不知道该怎么做，我也搜索了插件，我什么也没得到。 我尝试使用 iframe 和（src =文件夹包含文件/数据库值）
这也无法直接下载文件

Answer 1

您可以为此使用 Google 文档查看器。它处理所有类型的文件：jpg、gif、png、doc、docx、xls、xlsx、ppt、pptx 等...

下载 jQuery 并将其包含在您的脚本中： <script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>

为您的预览创建一个空容器： <div id='previewContainer'></div>

您可以在单击 ex 按钮时显示它： <button class="fileClic" data-file="THE_URL_OF_YOUR_DOC">Display</button> 然后是一个嵌入谷歌文档 iframe 的小脚本：

$('.fileClic').on('click', function (e) {
    e.preventDefault();

var file = $(this).data('file'); // the url of the file you want to preview

$('#previewContainer').html('<iframe src="http://docs.google.com/viewer?url='+file+'&#038;embedded=true" width="400" height="400" style="border: none;"></iframe>') 
});