这篇文章主要介绍微信小程序如何实现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]; } });
以上是“微信小程序如何实现ES6Promise.all批量上传文件”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。