首页 > 编程 > JavaScript > 正文

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

2019-11-19 16:49:20
字体:
来源:转载
供稿:网友

微信小程序 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);        });      }    });  }});

服务端

<?phpuse IlluminateHttpRequest;Route::post('/upload', function (Request $request) {  if ($request->photo->isValid()) {    $request->photo->storeAs('images/foo/bar/baz', $request->filename . '.' . $request->photo->extension());    return ['success' => true, 'index' => $request->index];  }});

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表