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

 

posted on 2019-05-17 16:37  Ssumer  阅读(1262)  评论(0编辑  收藏  举报

导航