uni-app 小程序文件下载并分享

Myth丶恋晨 2022-12-23 03:53 54阅读 0赞

#  #

## 需求背景 ##

> 有一些文件比如 `pdf`，用户需要下载之后进行打印，或者分享给其他好友

## uni-app用到的api ##

*  uni.downloadFile [https://uniapp.dcloud.io/api/request/network-file?id=downloadfile][https_uniapp.dcloud.io_api_request_network-file_id_downloadfile]
 *  uni.saveFile [https://uniapp.dcloud.io/api/file/file?id=savefile][https_uniapp.dcloud.io_api_file_file_id_savefile]
 *  uni.openDocument [https://uniapp.dcloud.io/api/file/file?id=opendocument][https_uniapp.dcloud.io_api_file_file_id_opendocument]

其实把文件保存到本地的意义不是很大，因为手机跟pc端不一样，用户可以选择磁盘，选择文件去保存，手机上保存用户很难去找到这个文件，尤其 `ios` ，所以要实现类似需求，我们只能换一个方式去实现，我们可以从后台拿到文件，然后用户去分享给好友，然后再从pc端去下载，或者微信里面用其他软件打开之类的。

uni.downloadFile({ 
      url: `${ fileDownload}?access_token=${ token}&fileId=${ res.data.file_id}`, // 文件下载地址
      success: response => { 
        if (response.statusCode === 200) { 
          uni.saveFile({ 
            tempFilePath: response.tempFilePath,
            success: (resData) => { 
              uni.openDocument({ 
                filePath: resData.savedFilePath,
                fileType: 'pdf', // 指定文件的格式
                showMenu: true, // 允许出现分享功能
                success: r => { 
                  console.log(r)
                },
                fail: openError => { 
                  console.log('打开失败: ', openError)
                }
              })
            },
            fail: error => { 
              console.log('error: ', error)
            }
          })
        }
      }
    })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1U2hpWXVl_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1U2hpWXVl_size_16_color_FFFFFF_t_70_pic_center 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1U2hpWXVl_size_16_color_FFFFFF_t_70_pic_center 2]

[https_uniapp.dcloud.io_api_request_network-file_id_downloadfile]: https://uniapp.dcloud.io/api/request/network-file?id=downloadfile
[https_uniapp.dcloud.io_api_file_file_id_savefile]: https://uniapp.dcloud.io/api/file/file?id=savefile
[https_uniapp.dcloud.io_api_file_file_id_opendocument]: https://uniapp.dcloud.io/api/file/file?id=opendocument
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1U2hpWXVl_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/1685cda2e2c04114848dfbb8867cbd7d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1U2hpWXVl_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/2020112213591359.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1U2hpWXVl,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1U2hpWXVl_size_16_color_FFFFFF_t_70_pic_center 2]: https://img-blog.csdnimg.cn/20201122135920487.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1U2hpWXVl,size_16,color_FFFFFF,t_70#pic_center