千家信息网

微信小程序如何实现ES6 Promise.all批量上传文件

发表于:2025-01-23 作者:千家信息网编辑
千家信息网最后更新 2025年01月23日,本篇内容介绍了"微信小程序如何实现ES6 Promise.all批量上传文件"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔
千家信息网最后更新 2025年01月23日微信小程序如何实现ES6 Promise.all批量上传文件

本篇内容介绍了"微信小程序如何实现ES6 Promise.all批量上传文件"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

微信小程序 ES6Promise.all批量上传文件实现代码

客户端

Page({  onLoad: function() {    wx.chooseImage({      count: 9,      success: function({ tempFilePaths }) {        var promise = Promise.all(tempFilePaths.map((tempFilePath, index) => {          return new Promise(function(resolve, reject) {            wx.uploadFile({              url: 'https://www.mengmeitong.com/upload',              filePath: tempFilePath,              name: 'photo',              formData: {                filename: 'foo-' + index,                index: index              },              success: function(res) {                resolve(res.data);              },              fail: function(err) {                reject(new Error('failed to upload file'));              }            });          });        }));        promise.then(function(results) {          console.log(results);        }).catch(function(err) {          console.log(err);        });      }    });  }});

服务端

photo->isValid()) {    $request->photo->storeAs('images/foo/bar/baz', $request->filename . '.' . $request->photo->extension());    return ['success' => true, 'index' => $request->index];  }});

"微信小程序如何实现ES6 Promise.all批量上传文件"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!

0