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

网友投稿 327 2023-05-23


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

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

客户端

Page(zuTRvtqQ{

onLoad: function() {

wx.chooseImage({

count: 9,

success: function({ tempFilePaths }) {

var promise = Promise.all(tzuTRvtqQempFilePaths.map((tempFilePath, index) => {

return new Promise(function(resolve, reject) {

wx.uploadFile({

url: 'https://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);

});

}

});

}

});

服务端

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];

}

});

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


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Java编程实现从给定范围内随机N个不重复数生成随机数的方法小结
下一篇:在Spring Boot中如何使用数据缓存
相关文章

 发表评论

暂时没有评论,来抢沙发吧~