wex5插件追加下载文件预览文件微信微博QQ分享

最新推荐文章于 2022-06-01 14:54:27 发布

boss2967

最新推荐文章于 2022-06-01 14:54:27 发布

阅读量2.3k

点赞数

本文链接：https://blog.csdn.net/boss2967/article/details/77869173

版权

本文档介绍了如何使用WeX5的documenthandler插件下载并预览文件，特别是在移动端处理doc、pdf等文件。此外，还详细讲解了在APP中使用浏览器打开外部网站的方法，以及微信、微博、QQ分享功能的开发流程，包括注册开发者账号、导入插件、调用接口等步骤。

摘要由CSDN通过智能技术生成

documenthandler插件使用方法

documenthandler插件的功能是下载指定url的文件并使用系统注册过的应用打开。支持Android系统和IOS系统。支持打开的文件类型并不限于常见的文档类型：txt、doc、pdf等。例如在Android系统打开一个apk的链接，会下载该apk并跳转到app安装界面（具体的处理方式与机型相关）。也就是说对打开的文件类型不做限定，只要设备能正确的响应url中包含的文件类型即可。

JS调用方法

1、导入插件require(“cordova!ch.ti8m.documenthandler”)
2、插件只有一个方法handleDocumentWithURL。需要的参数为成功回调，失败回调和文件的url。
js代码

 
         define( 
         function 
         (require){
           
         var 
          $ = require( 
         "jquery" 
         ); 
        
         require( 
         "cordova!ch.ti8m.documenthandler" 
         ); 
        
         var 
          Model =  
         function 
         (){
           
         this 
         .callParent(); 
        
         }; 
        
         function 
          success(){
           
         alert( 
         "成功打开" 
         ); 
        
         } 
        
         function 
          fail(result){
           
         alert(result); 
        
         } 
        
         Model.prototype.openURLClick =  
         function 
         (event){
           
         handleDocumentWithURL(success,fail, 
         "http://192.168.1.104:8080/test.txt" 
         ); 
        
         }; 
        
         return 
          Model; 
        
         });

注意事项

1、该插件支持网络地址的url，不支持打开本地文件。本地测试可以放一个txt或者其它类型的文件在tomcat服务器目录，本机的目标地址为：“D:\worksoftware\WeX5_4886\apache-tomcat\webapps\ROOT”，修改为自己的目录即可。
以本文为例，url为”http://192.168.1.104:8080/test.txt”。注意启动tomcat，根据自己的环境改为正确的ip地址和端口才能正确访问。

2、url不支持中文

手机中打开doc、pdf等文件

1.引入js文件

在页面中引入：

 
          var 
           fileApi = require( 
          "$UI/system/components/justep/docCommon/fileApi" 
          );

2.调用fileApi的browse方法

打开本地文件，例：

 
            var 
             url = require.toUrl( 
            "./file/abc.docx" 
            ); 
           
            var 
             name =  
            "abc" 
            ; 
           
            fileApi.browse(url, name).done( 
            function 
            (){
              
            alert( 
            "成功打开" 
            ); 
           
            }).fail( 
            function 
            (){
              
            alert( 
            "打开出错" 
            ); 
           
            });;