uniapp上传base64格式图片给后台

最新推荐文章于 2025-04-17 13:47:56 发布

falleg

最新推荐文章于 2025-04-17 13:47:56 发布

阅读量4.4k

点赞数 2

分类专栏： uni-app 微信小程序文章标签： vue js

本文链接：https://blog.youkuaiyun.com/weixin_44703147/article/details/108293538

版权

本文介绍了如何在uniapp中使用base64格式上传图片到后台。前端利用uniapp的colorUi框架展示图片，并限制上传数量。在尝试过程中，遇到js函数返回值的问题，由于uni.request的异步特性，直接使用return无法获取到正确的返回结果。

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

data(){
   
	return {
   
		imgList: [],
	}
},
methods:{
   
	ChooseImage() {
   
		var that = this;
		let count = 1;//默认上传的图片数量
		uni.chooseImage({
   
			count: count, //默认9
			sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
			sourceType: ['album'], //从相册选择
			success: (res) => {
   
				if(that.imgList.length < count){
   
					for(var i = 0; i < res.tempFilePaths.length; i ++){
   
						that.urlToBase64(res.tempFilePaths[i]).then(res=>{
   
							that.imgList = that.imgList.concat(res)
						})
					}
				}else {
   
					that.imgList = []//设置为空数组
					for(var i = 0; i < res.tempFilePaths