微信小程序项目实录一——批量上传文件

王等等csdn

于 2021-02-19 16:50:30 发布

阅读量1.4k

点赞数 1

文章标签：小程序

本文链接：https://blog.youkuaiyun.com/qq_38475901/article/details/113867225

版权

本文记录了在微信小程序项目中实现批量上传图片的实践过程。通过封装wx.uploadFile()函数，采用递归方式实现多文件依次上传的功能，解决了小程序一次只能上传一个文件的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言
从去年开始接手小程序项目，想把开发过程中遇到的一些问题记录下来，方便日后使用，也想分享给大家，哈哈哈哈哈哈~~~

小程序开发过程中，遇到选择多个图片后上传的功能，使用wx.uploadFile()，一次只能上传一个文件，想要批量上传只能递归上传。

imageUpload.js （封装了一下，方便多处调用）

module.exports = {
  imageRecursionUpload (tempFilePaths) {
  	//tempFilePaths为要上传文件资源的路径 (本地路径)，数组类型
    var promise = Promise.all(tempFilePaths.map((tempFilePath, index) => {
      return new Promise(function (resolve, reject) {
        wx.uploadFile({
          url: fileUploadUrl, //fileUploadUrl文件上传接口
          filePath: tempFilePath,
          name: 'file',
          header: {
            "Authorization": wx.getStorageSync('token'), // 本项目要求必须携带token
            "token": wx.getStorageSync('token'),

最低0.47元/天解锁文章