企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习

小程序上传头像的操作,可选择可获取默认头像

2024-03-12 15:09:21 浏览 2732

视图界面代码:

<view class="v-faces">
    <button open-type="chooseAvatar" @chooseavatar="onchangsFace">
	   <image :src="sends.icon?sends.icon:imgUrl+'edituser.png'" ></image>
    </button>
</view>

函数部分:

onchangsFace(e) {
				// this.sends.icon = e.detail.avatarUrl
     this.uploadFilePromise(e.detail.avatarUrl).then(ws=>{
	this.sends.icon = JSON.parse(ws).data.imgurl
      })
},
uploadFilePromise(url) {
    return new Promise((resolve, reject) => {
	let a = uni.uploadFile({
	    url: index.base_qequest_url+'/imageUpload', 
	    filePath: url,
	    name: 'images',
	    success: (res) => {
		//setTimeout(() => {
		   resolve(res.data)
		// }, 1000)
	   }
	});
    })
},

代码格式复制的时候有点乱,用的时候可以自己整理代码缩进

网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音