// 上传头像/更改头像 onClickHeadImg() { uni.chooseImage({...">
美文网首页
uni-app上传头像/更改头像

uni-app上传头像/更改头像

作者: 佑安丶 | 来源:发表于2022-04-05 11:05 被阅读0次

<view class="personal_Image">

<u-image v-if="avarShow" :src="_settingConfig.img+personalLists.yj_img" @click="alterHeade">

</u-image>

<u-image v-else :src="_settingConfig.img+avaer" @click="alterHeade"></u-image>

</view>

// 上传头像/更改头像

onClickHeadImg() {

uni.chooseImage({

count: 1, // 头像上传1张

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有

sourceType: ['album', 'camera'], // album 从相册选图; camera 使用相机

success: async (chooseImageRes) => {

const tempFilePaths = chooseImageRes.tempFilePaths;

// console.log('tempFilePaths', tempFilePaths)

// console.log('chooseImageRes.tempFiles[0]', chooseImageRes.tempFiles[0])

uni.uploadFile({

url: 'https://app.zlyiju.com/serverside/Upload', // 上传地址,小程序不支持接口拼接

filePath: tempFilePaths[0],

name: 'file', // 类型

formData: {

// token: data.data.body, //头像token,参考返回数据

// openid: this._settingConfig.openid

type: 1, // 后台需要的参数,type:1是图片、type:2是视频

path: chooseImageRes.tempFiles[0], // 后台需要的给他们路径

},

success: (uploadFileRes) => {

// console.log('uploadFileRes', uploadFileRes);

// 上传成功之后拿到后台返回的数据是个文件流,需要解析一下

var stra = JSON.parse(uploadFileRes.data);

// console.log('*******', stra.data.yj_path);

this.avarShow = false

// 请求接口

this.Req('PersonalData/upImg', {

yj_img: stra.data.yj_path

}, 'post')

.then(res => {

// console.log(res.data)

this.dataLists()

}).catch(err => {})

}

});

}

})

},

相关文章

  • 上传头像/更改头像

  • 图片上传与ajax打包form里面的数据

    目录 头像上传的前端处理 头像上传的后端处理 ajax打包form里面的数据 1. 头像上传的前端处理 需求: 效...

  • 移动端上传头像

    上传头像

  • 开发经验总结

    1.头像上传功能 1.拍照或从相册选择, 头像上传。 头像修改成功之后,需要把头像image保存到沙盒。 每次页面...

  • 使用腾讯云上传、更改头像

    一、准备工作 在使用腾讯云之前,需要先注册账号,开启对象存储,并且创建储存桶 这些信息在后面的操作中需要用到 具体...

  • 纯前端实现截图生成头像

    上传头像插件 目的: 帮助开发者快速开发上传头像功能点 背景: 现在b,g能搜到的头像上传插件并不太好用,所以想提...

  • 上传图片接口

    项目中经常会遇到上传图片和头像 记录下接口 上传头像逻辑:每个账号都只有一个头像 所以这里将每个账号的头像名称设...

  • 网络信息编辑(第三天)

    学会在微信公众号上传头像,头像选择要简约,不宜复杂,学会设计头像:人像,动漫人物。。

  • 上传头像

    背景 在小米的面试中,最后一轮被问到了一个场景。即关于在 WebView 下开发一个用户上传头像的场景的完整流程。...

  • 上传头像

    在 User 类中增加字段: 注意:数据库中 user_image 中存储的是图片的路径,而非文件实体,所以数据类...

网友评论

      本文标题:uni-app上传头像/更改头像

      本文链接:https://www.haomeiwen.com/subject/inipdrtx.html