Question

在我的情况下，在客户端，用户可以选择（img（jpg | png | gif＆＃34;）文件，pdf文件，ppt文件）并且数据存储在数据库中。现在在管理盘中我必须显示此选定的文件。我所做的是我使用if条件如果文件是img比我使用img标签（src =文件夹包含文件/数据库值）和pdf我使用锚标签超链接（href =文件夹包含文件/数据库值）两者都工作正常，但问题是与ppt文件我做了同样的pdf，但它直接下载文件，我只想显示文件。我也不知道如何搜索插件，我也没有得到任何东西。我试图使用iframe和（src =包含文件/数据库值的文件夹）
这也无法直接下载文件

Answer 1

您可以使用Google Doc查看器。它处理所有类型的文件：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>

您可以点击按钮显示它： <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>') 
});

在我的页面上嵌入电源点演示文稿

1 个答案: