文件在線預覽

瀏覽器並不能支持word、excel文件的在線預覽,所以都是將word、excel轉換爲瀏覽器能直接看的文件格式(html、pdf、txt、png、svg、flash),因此在線預覽的原理就是後臺將文件轉化爲瀏覽器能直接觀看的文件格式,然後再返回給前端。

以下是兩個雲服務:

1.office提供雲服務

請求:http://view.officeapps.live.com/op/view.aspx?src=文件地址(地址必須是外網地址)

請求示例:http://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/3.docx

注意:

a> pdf的不能使用這種方式打開,因爲pdf不是office文件,可以用pdf.js來操作pdf在線預覽。

b> 若您看到錯誤“很抱歉,由於某種原因我們無法打開該文件”,它意味着無法找到文檔或無法顯示文檔。 可能的原因包括:

  • 在您提供的 URL 中無法找到任何文檔。 請確保您提供正確的 URL。

  • 文檔而言太大。Word 和 PowerPoint 文檔必須小於 10 兆字節;Excel 必須小於五個兆字節。

  • 文檔的保存格式不是 Web 瀏覽器支持打開的格式。請嘗試將您的文檔保存爲下列格式之一:

    • Word: docx dotx

    • Excel:xlsx、xlsb、xls、xlsm

    • PowerPoint: pptx、 ppsx、 ppt、 pps、 potx、 ppsm

  • 您需要登錄或提供密碼才能打開該文檔。 將文檔設爲可公開查看。

  • 文檔的文件名稱包含無效字符。請嘗試編碼的文件的名稱,當您鍵入文檔的 URL 或重命名文件以僅使用字母和數字。
    例如,要編碼的 URL,包括與號 (&),您需要鍵入%26 & 字符。有關 URL 編碼的詳細信息,也稱爲爲百分比編碼,請參閱維基百科的百分比編碼

2.xdoc提供雲服務

使用文檔:http://www.xdocin.com/web.html#func

第一步:在html頁面中引入js文件

<script type="text/javascript" src="http://www.xdocin.com/xdoc.js"></script>

第二步:調用方法:

示例:XDoc.run("http://mczaiyun.top/ht/3.docx", "pdf", null, "_blank");

/**
 * 賬號口令
 */
XDoc.key = "";
/**
 * 運行XDOC
 * @param xdoc xdoc模板,可以是xdoc、json、html或指向這些格式的url
 * @param tarFormat 目標格式,可以是:flash、pdf、docx、html、png等
 * @param param 其它參數,用對象方式傳遞多個參數。如果爲數組,將自動轉換爲_xdata處理。
 * @param target 目標類型,可以是:_blank、_self等
 */
XDoc.run = function(xdoc, tarFormat, param, target) {...};
/**
 * 轉換XDOC
 * @param xdoc xdoc模板,可以是xdoc、json、html或指向這些格式的url
 * @param tarFormat 目標格式,可以是:flash、pdf、docx、html、png等
 * @param param 其它參數,用對象方式傳遞多個參數
 * @param target 目標類型,可以是:_blank、_self等
 */
XDoc.to = function(xdoc, tarFormat, param, target) {...};
/**
 * Ajax方法調用
 * @param func
 * @param params
 * @param callback(success, http, xtra) http.responseText
 */
XDoc.invoke = function(func, params, callback) {...};

(xdoc有個不好的地方就是最後會有一個xdoc的微信二維碼,下載的文件也會有)

 

注意:因爲是上傳到別人的服務器,所以可能會造成文件的泄露。

 

參考:https://blog.csdn.net/github_35631540/article/details/86506355

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章