uniapp上传头像

最新推荐文章于 2024-03-26 20:14:12 发布

深海烟火

最新推荐文章于 2024-03-26 20:14:12 发布

阅读量448

点赞数 1

分类专栏： uniapp vue 文章标签：大数据

本文链接：https://blog.csdn.net/honey_kg/article/details/125679651

版权

uniapp 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

vue

5 篇文章 0 订阅

订阅专栏

updataImg(){
    uni.chooseImage({ // uniapp本地选择上传图片api
		count: 1,
		sourceType: ['album'],
		success: res => {
		    uni.getImageInfo({ // uniapp获取图片信息api
				src: res.tempFilePaths[0],
				success: image => {
					uni.showLoading({ title: '图片上传中', mask: true })
					uni.uploadFile({ // uniapp上传图片api
					    url: API.UploadUrl, // api接口地址
					    file: image,
					    filePath: image.path,
					    header: {
                            Authorization: uni.getStorageSync('storage_key'), // 用户token值
					    },
					    name: 'file',
					    success: res => {
					        let imgPath = JSON.parse(res.data)
						    this.item.headImage = imgPath.data.url // 设置头像图片的变量
						    NET.request(API.UpdateUser,{ // 保存头像接口
						        headImage:this.item.headImage // 传给后端的值
						    },'POST').then(res => {
							    this.item.headImage = res.json.headImage // 保存头像接口返回回来的参数赋给图片变量
							    })
					    },
					    fail: err => {
						    uni.showToast({
						        title: '上传图片失败',
							    icon: 'none',
							    duration: 2000,
						    })
					    },
					    complete: res => {
					    	uni.hideLoading()
					    },
					})
				},
						    fail: err => {
							    uni.showToast({
							        title: '获取图片信息失败',
							        icon: 'none',
							        duration: 2000,
							    })
							},
						})
					},
				})