第一種用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等。
