微信小程序 ES6Promise.all批量上传文件实现代码
时间:2022-04-09 14:54:08|栏目:JavaScript代码|点击: 次
微信小程序 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]; } });
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
上一篇:jQuery实现手风琴特效
栏 目:JavaScript代码
本文标题:微信小程序 ES6Promise.all批量上传文件实现代码
本文地址:http://www.codeinn.net/misctech/198668.html