在我的頁面上嵌入功能點演示文稿

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