微信小程序下载、保存、打开文件

直接下载流文件过程


```javascript
wx.downloadFile({
     url: app.globalData.url + '/material/handleBlackFileDownload?id=' + id,
     success(res) {
       console.log(res)
       if (res.statusCode === 200) {
         filePath = res.tempFilePath
         wx.saveFile({
           tempFilePath: filePath,
           success(res) {
             const savedFilePath = res.savedFilePath
             that.setData({
               downLoading: false
             })
             wx.openDocument({
               filePath: savedFilePath,
               fileType: fileType,
               success: function (response) {
                 $Message({
                   content: '文件下载成功,打开中',
                   type: 'success'
                 })
               },
               fail: function (res) {
                 $Message({
                   content: '文件下载成功,打开失败,请手动打开',
                   type: 'error'
                 })
               }
             })
           },
           fail(err){
             $Message({
               content: '文件保存失败',
               type: 'error'
             })
           }
         })
       } else {
         $Message({
           content: '文件下载失败',
           type: 'error'
         })
       }  
     },
     fail(err) {
       that.setData({
         downLoading: false
       })
       console.log(err)
       $Message({
         content: '文件为空,下载失败',
         type: 'error'
       })
     }
   }).onHeadersReceived(header => {
     console.log(header)
     fileType = header.header["Content-Disposition"].split('.')[1]
   })

注意:
1.打开文件函数需要传入文件的格式,刚开始文件格式类型从response中取,ios端报错,正确操作是从onHeadersReceiver函数中取
2.文件为空时,部分手机也会报错,但是还没测试出具体是哪些手机,ios和安卓没有差别,所以文件为空,可是显示提示信息

你可能感兴趣的:(小程序,小程序,javascript,下载文件,保存,打开各类型文件,小程序打开文件)