关于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等。

 

转载于:https://www.cnblogs.com/MasterLin/p/10882087.html