web-view跳转为文件后安卓无法跳转

该博客介绍了在安卓Webview中遇到无法直接显示的PDF、png、jpg等文件时的解决方案。通过微信的downloadFile和openDocument方法,可以临时下载文件并进行展示。对于PDF文件,可以直接利用QQ浏览器支持,而其他类型文件可能需要依赖第三方应用。注意进行真机测试以确保兼容性。
摘要由CSDN通过智能技术生成

背景

在使用web-view时,发现需要展示的页面是一个PDF、png、jpg、word等,所以安卓不支持访问,这个时候我们就需要使用微信的另外一个方法downloadFileopenDocument这两个方法,用于将文件临时下载,然后进行展示

方法

自行修改相对应的文件路径,然后记得真机测试

 get_shuoms : function(e){
    var file_name=this.data.shuoms_file;
    var url=app.globalData.URL;
    const contractUrl =url+"pivas/res?filename="+file_name;
    console.dir(contractUrl)
    //这个是用来拿到要跳转的url链接的
      const length = contractUrl.length;
      const newstring = contractUrl.substring(length - 4, length);
       //裁剪出来链接文件的后缀,
      const newstring2 = newstring.toLowerCase()
       //toLowerCase()把字符串转换为小写,因为pdf格式的文件可能大写,也可能人为改后缀大小写穿插
      if (newstring2 == '.pdf') {
        wx.downloadFile({
          // 示例 url,并非真实存在
          url: contractUrl,
          success: function(res) {
            console.dir(res)
            const filePath = res.tempFilePath
            wx.openDocument({
              filePath: filePath,
              success: function(res) {
                console.log('打开文档成功')
              }
            })
          }
        })
      } else {
        wx.downloadFile({
          // 示例 url,并非真实存在
          url: contractUrl,
          success: function(res) {
            console.dir(res+"222222222");
            const filePath = res.tempFilePath;
            console.dir(filePath);
            wx.openDocument({
              filePath: filePath,
              success: function(res) {
                console.log('打开文档成功')
              }
            })
          }
        })
      }
  },

疑问

当遇到的是pdf时,依托于qq浏览器即可,但是其他文件(png、jpg等需要三方应用的支持)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值