關於pc端 app端pdf,word xls等文件預覽的功能


第一種用H5標簽<iframe>標簽實現
  返回的文件類型,文件流,文件流返回必須在設置 contentType對應的Mime Type,
  返回文件的物理位置。
  已經實測可以支持的文件類型 txt,pdf。關於office文檔,網上有很多文檔,office系列可以在服務端將 word,pptx文件轉換為pdf的文件流或者文件進行顯示。
  excel文本類型,在網上有sheet.js進行excel的文件預覽,暫未實測
 <iframe  src='' width='100%' height='100%' >
 <iframe  src="test.docx" width='100%' height='100%' >

 

  

第二種app端的文件下載,

   需引入“cordova.js”進行文件下載,此段代碼調用app端默認瀏覽器,進行文件下載。需要設置后對應的contentType,文件頭等信息。

   navigator.app.loadUrl(encodeURI(url), { openExternal:true}); 使用這段腳本進行后台的下載,在實測過程中,后台需要設置好對應的頭部文件描述信息

在安卓上面以上方法可以實現,在ios情況下,上面的方法不支持
文檔地址:https://cordova.apache.org/docs/zh-cn/3.1.0/cordova/inappbrowser/window.open.html
     window.open(encodeURI('downloadurl') ,'_system');
     在ios 和安卓window.open 都可以打開系統內置瀏覽器實現文件的預覽功能,親測在safari瀏覽器的情況下,可以直接預覽各類文件,只不過safari對MIME TYPE比較嚴  格,需要區別xls ,xlsx等。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM