当前位置: 首页 > news >正文

uniapp上传图片时(可选微信头像、相册、拍照)

 参考文献:微信小程序登录——头像_onchooseavatar-CSDN博客

<button open-type="chooseAvatar" @chooseavatar="onChooseAvatar"> </button>onChooseAvatar(e) {uni.showLoading({title: '上传中...',mask: true});uni.uploadFile({url: baseUrl.url + "/xihefile/user/file/upload",filePath: e.detail.avatarUrl,name: "file",formData: {},success: (uploadFileRes) => {uni.hideLoading();uni.setStorageSync("avatarUrl", e.detail.avatarUrl);console.log(uploadFileRes, '');let url = JSON.parse(uploadFileRes.data).data;this.avatarUrl = e.detail.avatarUrl;setTimeout(() => {console.log('this.baseURL前缀',this.baseURL)// this.actaimg=`${this.baseURL}${url}`  console.log('我是转化后的头像',this.actaimg)this.weAvatar = url;})console.log(e.detail.avatarUrl, '成功');},fail: (err) => {uni.hideLoading();uni.showToast({title: '上传失败,请重试',icon: 'none'});console.log(err, '失败');}});}

相关文章:

  • 基于Canal+Spring Boot+Kafka的MySQL数据变更实时监听实战指南
  • ETL数据集成平台在电商行业五大应用场景
  • 阅读分析Linux0.11 /boot/head.s
  • kotlin + spirngboot3 + spring security6 配置登录与JWT
  • Java如何在遍历集合时删除特定元素
  • 【Pandas】pandas DataFrame get
  • 2025.04.17【Stacked area】| 生信数据可视化:堆叠区域图深度解析
  • 国内外汽车行业供应链导入EDI方式的差异
  • UE5 UE循环体里怎么写延迟
  • Vue 和 Spring boot 和 Bean 不同生命周期
  • Oracle测试题目及笔记(多选)
  • OpenAI发布GPT-4.1系列模型,主打编程能力提升
  • 泛型算法——只读算法(一)
  • Oracle 处理“不允许长度为0的列”(ORA-01723)问题解析
  • Oracle_00000
  • Spring Boot 学习总结(35)—— 使用 SpringAI 实现 MCP 服务并与 Qwen 集成使用?
  • 图形变换算法
  • 通过gird布局实现div的响应式分布排列
  • 生物信息学技能树(Bioinformatics)与学习路径
  • Ubuntu + VSCode 开发 STM32:用全开源工具,点亮你的第一盏 LED
  • 阿里上季度营收增7%:淘天营收创新高,AI产品营收连续七个季度三位数增长
  • 问责!美国海军对“杜鲁门”号航母一系列事故展开调查
  • 证券时报:中美互降关税落地,订单集中补发港口将迎高峰期
  • 马上评|安排见义勇为学生补考,善意与善意的双向奔赴
  • 中国恒大:清盘人向香港高等法院申请撤回股份转让
  • 人大新闻教育70年丨16759门课程里的时代密码