uniapp头像回显加换头像

uniapp 头像回显加换头像

html代码

 <u-image width="120" height="130" :src="model.headThumb" @click="cheangeHeadThumb"></u-image>

cheangeHeadThumb函数(所有地方都可以用)

         cheangeHeadThumb() {uni.chooseImage({success: (chooseImageRes) => {let tempFilePaths = chooseImageRes.tempFilePaths;uni.showLoading({title: '上传中'})uni.uploadFile({url: this.$u.http.config.baseUrl + '/uploadFile/file',  //图片上传urlfilePath: tempFilePaths[0],header: {X_Access_Token: this.vuex_token},name: 'file',success: (uploadFileRes) => {let data = JSON.parse(uploadFileRes.data)if (data.code == 200) {console.log(data.data)this.model.headThumb = data.data // 这里data.data 是后端接口返回的url}else {this.$refs.uToast.show({title: data.message,})}uni.hideLoading();}});}});},

uniapp头像回显加换头像相关推荐

springboot项目上传头像回显
springboot项目使用ajax上传头像回显先上效果图: 开始上传点击提交环境: springboot2.2.5.RELEASE jdk:1.8 thymeleaf:3.0.4.RELEAS ...
RuoYi-Vue——裁剪区域头像回显的跨域问题
使用若依的小伙伴都知道,若依的头像上传默认是创建文件夹保存图片,但我们在实际开发中常常需要把图片保存在oss上,当我们修改头像后,再次修改头像就会出现跨域问题,裁剪区域无法显示图片,下面我将分享一下我 ...
最简单的js实现上传头像并正常回显
既然有上传头像功能,那用户肯定得选择完照片后显示出来, 废话不多说,下面就是提供一段简单的代码来实现,希望对大家也有帮助: h5 部分 <div class=&qu ...
上传头像并回显（SpringBoot）
以前经常写上传头像功能,上传头像完回显出来,通常套路是: 数据库保存文件名(自己加工过,防止重名) 然后文件路径写到前台的绝对路径.前台直接用../相对路径的方式显示出来. 但是这样有一个问题就是当我 ...
Android 点击换头像（拍照和从相册选择）
Android 点击换头像(拍照和从相册选择) 首先是layout里的代码,但这之前需要在build.gradle里加两行代码,主要是圆形图片和别的按钮啥的,你也可以改成自己的,不加圆形图片用系统原来 ...
微信头像服务器更新时间,一个人的爱情怎么样，看ta换头像的频率就知道了
单身的时候我们总换不同的头像. 不同的个性签名来代替自己莫须有的情绪. 有人说"频繁换头像的人,要么就是无聊, 要么就是想通过头像来告诫别人自己想要新的开始" 又或者说,想吸 ...
cascader 动态加载回显_ElementUI cascader级联动态加载回显和搜索看这个就够了
这一篇是上一次讨论cascader级联动态加载回显问题的延续,文末有链接. 以下是思考和开发的过程,不感兴趣可以直接看使用文档. https://github.com/zhuss/lazy-casca ...
SpringBoot 2.0 多图片上传加回显
点击上方蓝色"方志朋",选择"设为星标" 回复"666"获取独家整理的学习资料! 本文来源:http://r6f.cn/crEY 这两天公司 ...
明天即将开工，把今年的Flag加到头像上，时刻鞭策自己吧！
不知不觉春节长假已经到最后一天了,今年因为提倡就地过年,相信不少童鞋跟小编一样,不会请假到元宵了,明天就要准备去上班了吧. 新的一年立Flag是很多人的传统,虽然我们每年都会立很多Flag,但是每次到 ...

uniapp头像回显加换头像

uniapp 头像回显加换头像

html代码

cheangeHeadThumb函数(所有地方都可以用)

uniapp头像回显加换头像相关推荐

最新文章

热门文章