在我的页面上嵌入功能点演示文稿

Question

在我的情况下，在客户端，用户可以选择（img（jpg | png | gif））文件，pdf文件，ppt文件），数据存储在数据库中。现在在管理pannel我必须显示这个选定的文件。我已经做了什么是我使用if条件 如果文件是img比我使用img标记（src =包含文件/数据库值的文件夹）和PDF我正在使用锚标记超链接（HREF =包含文件/数据库值的文件夹）都工作正常，但问题是与PPT文件我做了一样，因为我做了PDF，但它直接下载文件，我只想显示该文件。 我不知道如何为这个我搜索的插件也，我没有得到任何东西 我试图使用IFRAME和（SRC =文件夹containg文件/数据库值）
这也不能直接下载文件

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>') 
});