跨平台文件在线预览解决方案(四)——Android和IOS原生插件
在介绍之前,我写了很多关于<跨平台文件在线预览解决方案>的文章,不管你用pdf.js,LibreOffice,还是永中DCS,各有优缺点,比如:pdf.js不支持pinchzoom,LibreOffice加载慢,永中DCS收费等等。跨平台(uni-app)文件在线预览解决方案跨平台文件在线预览解决方案(二)跨平台文件在线预览解决方案(三)——LibreOfficevsOpenOffice本文实现了基于Office文档的在线预览原生插件uni-app平台Seal-OfficeOnline,同时支持Android和iOS,欢迎下载使用~Seal-OfficeOnline插件下载使用地址
快速入门demo项目地址开发工具:HBuilderXStep1.下载demo工程,使用HBuilderXStep2打开。下载本文的插件。插件名称:Seal-OfficeOnline下载插件并解压,放置在项目根目录下的nativeplugins下,如图:Step3.选择manifest.json->App原生插件配置加载本地插件。步骤4。使用插件在vue或nvue组件中,导入插件vartestModule=uni.requireNativePlugin("Seal-OfficeOnline")使用openFile方法预览Office文件,支持以下格式:pdf、txt、doc,docx,xls,xlsx,ppt,pptxtestModule.openFile({url:'http://113.62.127.199:8090/fileUpload/1.xlsx',topBarBgColor:'#3394EC',topBarTextColor:'#FFFFFF',标题:'Office文档在线预览',isBackArrow:false,fileType:'xlsx',fileName:'1'});openFile方法参数说明url参数支持以下三种寻址方式:文件网络地址,如:http://113.62.127.199:8090/fileUpload/1.xlsx手机本地文件地址,如:/data/user/0/com.HBuilder.UniPlugin/files/1.xlsx文件名,如:1.xlsx,访问默认目录文件,默认目录为:/data/user/0/com.HBuilder.UniPlugin注意:手机本地地址目录需要有访问权限is:#177cb0(indigo)topBarTextColortopBarTextColor表示顶栏文字颜色,默认为:#FFFFFF(white)isBackArrowisBackArrow表示是否显示后退按钮,默认为:true(display)fileTypefileType表示可以指定文件类型,如:xlsx,当url参数无法确定文件类型时,可以指定文件类型fileNamefileName可以指定文件名,如:file1,注意这里没有文件扩展名。如果同时指定fileName和fileType,最终的文件名将由这两个参数组合而成,即:fileName.fileTypeAndroid预览效果预览docx预览pptx预览xlsx预览pdf预览txtiOS预览效果预览docx预览pptx预览xlsx预览pdfpreviewtxt转载请注明:我的技术分享?跨平台文件在线预览解决方案(四)——安卓和IOS原生插件