uni-app头像编辑上传

news/2024/10/22 7:58:14/

实现比较简单,文档中都有描述,就是第一次做可能会有疏漏,记录一下:

<view class="edict-item" @click="selectPic"><text class="item-name" :style="$em.$getThemeStyle(['avatarConText'])">头像</text><image class="icon-head" :src="headSrc" mode="aspectFill"></image><image class="item-arrow" src="@/static/icon_editinfo_arrow_right.png" mode="heightFix"></image>
</view>
selectPic() {let that = this;uni.chooseImage({count: 1, //默认9sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有sourceType: ['album'], //从相册选择success: function(res) {that.headSrc = res.tempFilePaths[0]that.saveAvatar(that.headSrc)}});},saveAvatar(url){let header = {'Content-Type': 'application/json'}// 获取本地token  此处 有例外 不需要token的请求 后续添加console.log('当前请求token====' + loginUtil.getToken())if (loginUtil.getToken()) {header['Authorization'] = 'Bearer ' + loginUtil.getToken();}uni.uploadFile({url: 'https://smarteye-app-uat.gwm.cn/prod-api/system/user/profile/avatar', //仅为示例,非真实的接口地址filePath: url,name: 'file',header:header,// success: (res) => {// 	console.log('save', res);// }});},

在这里插入图片描述


http://www.ppmy.cn/news/1372505.html

相关文章

MATLAB知识点:while循环的注意事项

​讲解视频&#xff1a;可以在bilibili搜索《MATLAB教程新手入门篇——数学建模清风主讲》。​ MATLAB教程新手入门篇&#xff08;数学建模清风主讲&#xff0c;适合零基础同学观看&#xff09;_哔哩哔哩_bilibili 节选自​第4章&#xff1a;MATLAB程序流程控制 在使用while循…

爬虫逆向网站案例

一、相关网页 东方财富人气排行榜 二、查找url 三、寻找curl并复制 四、打开Convert curl commands to code (curlconverter.com) 五、修改并执行代码 import requestscookies {st_si: 73974981954644,st_pvi: 39724919122964,st_sp: 2024-03-05%2018%3A27%3A22,st_inirUrl:…

力扣 4. 寻找两个正序数组的中位数

使用归并的方式合并两个有序数组&#xff0c;并找出中位数&#xff1a; 通过归并排序合并两个数组&#xff0c;然后直接根据合并后数组的长度计算中位数。 class Solution {public double findMedianSortedArraysMerge(int[] nums1, int[] nums2) {int[] merged new int[num…

做分析用什么工具

做分析用什么工具 导读 数据分析是数据辅助决策的最后一公里&#xff0c;是最终的数据可视化展示与探索分析的部分&#xff0c;选择使用最适合的数据展示方式&#xff0c;可以帮助分析人员大大提升分析效率。 问题&#xff1a; ● 纠结选择哪个工具 ● 纠结从哪里学起&#x…

职场的过早优化

过早优化&#xff0c;指的是还没弄清楚需求未来的变化的走向的时候&#xff0c;忽略了更重要的问题。 放在职业发展上&#xff1a;你在没有积累足够职场资源&#xff08;眼界、能力、人脉等等&#xff09;&#xff0c;也没有对职业发展形成清晰认知的时候&#xff0c;就过早地进…

nodejs 实现方法返回值常见方式

1、使用回调函数 回调函数是一种常见的方式来处理异步操作的结果。定义一个函数&#xff0c;并将回调函数作为参数传递给该函数。在异步操作完成后&#xff0c;调用回调函数并传递结果作为参数。 function asyncFunction(callback) {// 异步操作...// 完成后调用回调函数callb…

数仓开发-面试二

1.finebi使用 2.数据抽取中间件 flink,kettle flink和kettle区别 3.flink本身的优点和缺点 4.flink容错机制 5.DS 6.数据库 7.主要找orcle、clickhourse 8.mysql离线查作业执行计划&#xff0c;如&#xff0c;你写个sql500&#xff0c;这个时候你怎么定位问题&#xff0c;查看问…

【Unity】使用ScriptableObject存储数据

1.为什么要用ScriptableObject&#xff1f; 在游戏开发中&#xff0c;有大量的配置数据需要存储&#xff0c;这个时候就需要ScriptableObject来存储数据了。 很多人会说我可以用json、xml、txt&#xff0c;excel等等 但是你们有没有想过&#xff0c;假设你使用的是json&#x…