uniapp 选择并上传头像

官方文档：https://uniapp.dcloud.io/api/media/image?id=chooseimage

 

uni.chooseImage({ //选择图片
					count: 1, //图片数量默认9
					sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['camera', 'album'],//album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项
					success: (res) => {
						console.log('图片选择信息', res)
						// console.log(res)
						this.imgurl = res.tempFilePaths[0] //图片的地址
						this.$forceUpdate() //强制刷新视图


						var tempFilePaths = res.tempFilePaths;
						uni.uploadFile({ //上传图片至服务器
							url: this.url + '/api/common/upload',
							filePath: tempFilePaths[0],
							name: 'file',
							header: {
								"Content-Type": "multipart/form-data",
								'TOKEN': this.token
							},
							success: uploadFileRes => {
								let file = uploadFileRes.data;
								file = JSON.parse(file);
								console.log('file', file)
								this.uploadimg = file.data.url //上传的地址
								// this.imgurl.push(file.body.url)
								console.log('上传的地址', this.uploadimg)
							}
						});
					},
					fail: (err) => {
						console.log('err', err)
					}
				});