微信小程序云开发上传多张图片

最新推荐文章于 2024-09-20 21:38:22 发布

e397027170

最新推荐文章于 2024-09-20 21:38:22 发布

阅读量5.8k

点赞数 3

分类专栏：小程序云开发文章标签：小程序云开发批量上传图片

本文链接：https://blog.csdn.net/e397027170/article/details/89102141

版权

本文介绍了在微信小程序中使用云开发批量上传图片的场景和解决方案。针对多张图片上传，文章建议采用异步方式，并利用Promise.all方法进行管理。

摘要由CSDN通过智能技术生成

微信小程序使用云开发如何上传多张图片

场景

1.微信小程序
2.云开发
3.批量上传图片

分析

由于是多张图片，不能是同步，上传太慢了，最好是异步上传。
方便管理使用Promise的all方法

code

	wx.chooseImage({
        count: parseInt(n) - o, //动态图片数量 
        sizeType: ['compressed'],
        success: function(res) {
            let s = res.tempFilePaths.length
			wx.showLoading({
				title: '上传中...',
			})
            Promise.all(res.tempFilePaths.map((item) => {
                    return wx.cloud.uploadFile({
                        cloudPath: 'uploadImages/' + Date.now() + item.match(/\.[^.]+?$/)[0], // 文件名称 
                        filePath: item, 
                    })
                }))
                .then((resCloud) => {
					wx.hideLoading()
					// t 是page this filse是提交数据，showfiles是回显的路径，
					// 要是自己服务器的话不用，云开发 图片加载的太

最低0.47元/天解锁文章