微信小程序上传图片（记录保存一下）

原创于 2023-04-17 14:11:35 发布 · 192 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #微信

微信小程序专栏收录该内容

4 篇文章

订阅专栏

该代码段展示了如何在uni-app中选择图片并上传至服务器。通过uni.chooseImage获取图片路径，然后利用uni.uploadFile上传文件，设置header包含Authorizationtoken确保授权。

uni.chooseImage({
	count: 1,  // 图片数量
	sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
	sourceType: ['album', 'camera'], //从相册选择或者拍照
	success: (res) => {
		const tempFilePaths = res.tempFilePaths;
		uni.uploadFile({
			url: that.baseUrl + '后台接口地址', //上传图片api that.baseUrl换成自己的地址
			filePath: tempFilePaths[0],
			name: 'avatarfile',
			header:{
				"Authorization": token
			},
			success: (res) => {
				that.imgUrl = that.baseUrl + JSON.parse(res.data).imgUrl //后台返回的图片地址
			}
	    });
	}
});