千家信息网

微信小程序怎么实现ES6批量上传文件

发表于:2024-10-28 作者:千家信息网编辑
千家信息网最后更新 2024年10月28日,这篇文章主要讲解了"微信小程序怎么实现ES6批量上传文件",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"微信小程序怎么实现ES6批量上传文件"吧!微信小
千家信息网最后更新 2024年10月28日微信小程序怎么实现ES6批量上传文件

这篇文章主要讲解了"微信小程序怎么实现ES6批量上传文件",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"微信小程序怎么实现ES6批量上传文件"吧!

微信小程序 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批量上传文件"的内容了,经过本文的学习后,相信大家对微信小程序怎么实现ES6批量上传文件这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是,小编将为大家推送更多相关知识点的文章,欢迎关注!

0