温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2022-04-16 13:50:40 来源:亿速云 阅读:262 作者:iii 栏目:编程语言

这篇文章主要介绍了微信小程序怎么实现ES6 Promise.all批量上传文件的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序怎么实现ES6 Promise.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];   } });

关于“微信小程序怎么实现ES6 Promise.all批量上传文件”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“微信小程序怎么实现ES6 Promise.all批量上传文件”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI