微信小程序 ES6Promise.all批量上传文件实现代码
编程学习 2021-07-04 18:32www.dzhlxh.cn编程入门
这篇文章主要介绍了微信小程序 ES6Promise.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); }); } }); } });
服务端
<?php use 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]; } });
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!