首先,在你的uni-app项目中设计一个界面,让用户可以触发更换头像的操作。这通常是一个头像图标,用户点击后会触发选择新头像的流程。 html <template> <view class="avatar-container"> <image :src="userAvatar" class="avatar" @click="changeAvatar"></image> </view>...
uni-app更换头像(自用瞎写的) //换头像changeImg() { console.log("000000")//1,选择头像文件uni.chooseImage({ count:1, success: (res)=>{ console.log(res)//2上传文件uni.uploadFile({ url:"/api/pcUser/updata/userAvatar", filePath: res.tempFilePaths[0], name:"file", success: (res2)=...
uni.chooseMedia({ count: 1, sourceType: ['album'], success: res => { uni.getImageInfo({ src: res.tempFiles[0].tempFilePath, success: image => { console.log(image) uni.showLoading({ title: '图片上传中', mask: true }) uni.uploadFile({ url: `${VUE_APP_API_URL}/api/upload`, ...
uni-app更换头像(自用瞎写的) json //换头像changeImg() { console.log("000000")//1,选择头像文件uni.chooseImage({ count:1, success: (res)=>{ console.log(res)//2上传文件uni.uploadFile({ url:"/api/pcUser/updata/userAvatar", filePath: res.tempFilePaths[0], name:"file", success: (re...
uni-app更换头像(自用瞎写的) json //换头像changeImg() { console.log("000000")//1,选择头像文件uni.chooseImage({ count:1, success: (res)=>{ console.log(res)//2上传文件uni.uploadFile({ url:"/api/pcUser/updata/userAvatar", filePath: res.tempFilePaths[0],...
{// 用户点击了预览当前图片// 可以自己实现当前头像链接的读取leturl="../../static/1.png"letarr=[]arr.push(url)uni.previewImage({// 预览功能图片也必须是数组的urls:arr})}elseif(index===1){// 用户点击了从图库上传uni.chooseImage({count:1,sizeType:["compressed"],success(response){// ...
uni-app 更换用户头像功能-涉及图片的预览 选择 原文链接:https://www.jianshu.com/p/8b1460ed549e 需求: 用户可以预览当前头像, 可以从本地上传 点击图片出现操作菜单 操作菜单api 预览图片api 选择图片api <view @click="changeAvatar"> <imageclass="avatar"src="../../static/1.png"></image>...