微信小程序下載并打開文件

作者：admin 更新：2022-09-29 20:29:34 來源：XIYCMS 人氣：125

首先，wxml代碼：

綁定js函數，并注意 type 和 src參數。

然后，js函數openfile如下：

//打開文件函數
  openfile: function (e) {
    var ftype = e.currentTarget.dataset.type;   //獲取文件類型
    var fsrc = e.currentTarget.dataset.src;   //獲取文件地址
    if (fsrc == "") {
      wx.showToast({
        title: '文件地址錯誤',
        icon: 'none',
        mask: true,
        duration: 2000
      })
      return false;
    }
    // 檢查文件格式是否不正確
    let fileIndex = fsrc.lastIndexOf('.')
    let substrName = fsrc.substr(fileIndex)
    let formatImg = /.(doc|docx|xls|xlsx|ppt|pptx|pdf|jpg|png|gif|jpeg)$/i  // 定義正則
    // 驗證格式
    if(!formatImg.test(substrName)){
      wx.showToast({
        title: '不支持的文件格式',
        icon: 'none',
        mask: true,
        duration: 2000
      })
      return false;
    }
    wx.downloadFile({
      url: fsrc,
      success: function (res) {
        const filePath = res.tempFilePath;
        console.log('本地文件地址：'+filePath);
        wx.openDocument({
          filePath: filePath,
          success: function (res) {
            console.log('打開文檔成功')
          }
        })
      }
    })
  }

評論

發表