uniapp微信小程序多图上传方法

瑆箫

已于 2022-06-14 11:38:28 修改

阅读量656

点赞数

文章标签：小程序 vue.js 前端

于 2022-06-13 15:26:40 首次发布

本文链接：https://blog.youkuaiyun.com/mo3408/article/details/125260881

版权

web前端技术同时被 3 个专栏收录

292 篇文章 ¥129.90 ¥299.90

订阅专栏

超级会员免费看

web

209 篇文章 ¥129.90 ¥299.90

订阅专栏

超级会员免费看

鸿蒙系统

29 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了使用uniapp在微信小程序中实现多图上传的详细步骤，包括页面设计参考colorui，初始化参数设置，以及具体的上传实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现的效果如下：

1.页面参考colorui:

2.初始化参数：

imgList: [], //图片选择,
uploadIndex: 0,
uploadImgLenght: 0,
uploadList:[],

3.上传方法：

           ChooseImage() {
				var that = this;
				var pics = [];
				uni.chooseImage({
					count: 9, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album', 'camera'], //从相册选择
					success: (res)

了解本专栏