uni-app头像编辑上传

news2024/11/18 1:22:16

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

<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, //默认9
					sizeType: ['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.coloradmin.cn/o/1492471.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

B端设计:如何让UI组件库成为助力,而不是阻力。

Hi&#xff0c;我是大千UI工场&#xff0c;网上的UI组件库琳琅满目&#xff0c;比如elementUI、antdesign、iview等等&#xff0c;甚至很多前端框架&#xff0c;也出了很多UI组件&#xff0c;如若依、Layui、bootstrap等等&#xff0c;作为UI设计师该如何面对他们呢。 一、UI组…

CSS字体样式的使用,下载量瞬秒百万

CSS简介 CSS是层叠样式表&#xff08;Cascading Style Sheets&#xff09;的简称。 作用&#xff1a; 用于HTML文档中元素的样式定义实现内容&#xff08;html元素&#xff09;与表现&#xff08;css样式&#xff09;的分离实现代码的可重用性和可维护性 CSS主要部分&#…

html实体字符,看完这篇彻底明白了

二.技术基础知识 基础知识一直都是重点考察的内容&#xff0c;包含有HTML&#xff08;5&#xff09;、CSS&#xff08;3&#xff09;、JavaScript到 戳这里领取完整开源项目&#xff1a;【一线大厂前端面试题解析核心总结学习笔记Web真实项目实战最新讲解视频】 Vue&#xff0…

Spring 面试题及答案整理,最新面试题

Spring框架中的Bean生命周期是什么&#xff1f; Spring框架中的Bean生命周期包含以下关键步骤&#xff1a; 1、实例化Bean&#xff1a; 首先创建Bean的实例。 2、设置属性值&#xff1a; Spring框架通过反射机制注入属性。 3、调用BeanNameAware的setBeanName()&#xff1a…

Jetpack Compose: Hello Android

Jetpack Compose 是一个现代化的工具包&#xff0c;用于使用声明式方法构建原生 Android UI。在本博文中&#xff0c;我们将深入了解一个基本的 “Hello Android” 示例&#xff0c;以帮助您开始使用 Jetpack Compose。我们将探讨所提供代码片段中使用的函数和注解。 入门 在…

Leetcode3066. 超过阈值的最少操作数 II

Every day a Leetcode 题目来源&#xff1a;3066. 超过阈值的最少操作数 II 解法1&#xff1a;模拟 两个 int 类型的数 x 和 y 做操作&#xff1a;min(x, y) * 2 max(x, y)&#xff0c;得到的结果会超出 int 范围。 代码&#xff1a; /** lc appleetcode.cn id3066 langc…

磁性机器人在医学领域取得进展

磁性医疗机器人利用磁场梯度来控制设备的运动&#xff0c;并最终以高精度进入体内的目标组织。这些磁性机器人可以采用导管和微型或纳米机器人的形式&#xff0c;并由磁导航系统操纵。磁性机器人最近取得了一些进展&#xff0c;为临床诊断和治疗用途开辟了新的可能性。在本期的…

基础设施即代码 (IaC)简介

基础设施即代码 (IaC) 市场预计到 2027 年将达到 23 亿美元&#xff0c;复合年增长率为 24.0%。这凸显了 IaC 对于各种规模的组织越来越不可或缺。除了成为一种趋势之外&#xff0c;采用 IaC 也是在当今充满活力和竞争的环境中蓬勃发展的战略必要条件。在这份综合指南中&#x…

基于双种群的容量式电动汽车路由问题的协同进化算法(2023)

A Dual-Population Based Co-evolutionary Algorithm for Capacitated Electric Vehicle Routing Problems 摘要、&#xff1a; 有容量的电动汽车路由问题是一个具有挑战性的非确定性多项式硬问题&#xff08;NP-hard&#xff09;&#xff0c;由两个相互依赖的子问题组成&…

基于GitBucket的Hook构建ES检索PDF等文档全栈方案

背景 之前已简单使用ES及Kibana和在线转Base64工具实现了检索文档的demo&#xff0c;预期建设方案是使用触发器类型从公共的文档源拉取最新的文件&#xff0c;然后调用Java将文件转Base64后入ES建索引&#xff0c;再提供封装接口给前端做查询之用。 由于全部内容过长&#xff…

html5新增标签+css3新增标签

新增标签 一.html5新增标签1.语义化标签2.多媒体标签&#xff08;1&#xff09;视频video&#xff08;2&#xff09;音频audio&#xff08;3&#xff09;.总结 3.input属性4.表单属性 二.css3新增选择器1.新增选择器&#xff08;1&#xff09;属性选择器&#xff08;2&#xff…

堆以及堆的实现

文章目录 堆的概念堆的实现HeapPushHeapPop HeapTop HeapSize HeapEmpty堆的应用 堆的概念 堆是一颗完全二叉树每个结点的值都小于子结点的值&#xff0c;这颗二叉树为小根堆每个结点的值都大于子结点的值&#xff0c;这颗二叉树为大根堆堆的定义如下&#xff1a;n个元素的序列…

蓝桥杯练习题——双指针

1.牛的学术圈 I 思路 1.从大到小排序&#xff0c;把数组分成三段&#xff0c;[1, j] (j, j2] (j2, n]&#xff0c;j 以 i 为界限&#xff0c;j2 以 i - 1 为界限 2.第一部分引用数已经够了&#xff0c;第三部分引用数差太多&#xff0c;判断第一部分 min(L, 第二部分)是否有 …

【Lattice FPGA 开发】IP核的调用

本文介绍Diamond开发软件进行IP核调用与对应官方文档查找方法。 文章目录 1. IP核的调用1.1 IPexpress调用IP核1.2 Clarity Designer调用IP核 2. IP核相关文档查找2.1 方法一2.2 方法二2.3 方法三 3 问题 1. IP核的调用 Diamond软件中&#xff0c;根据所选目标FPGA器件型号的…

持续更新 | 与您分享 Flutter 2024 年路线图

作者 / Michael Thomsen Flutter 是一个拥有繁荣社区的开源项目&#xff0c;我们致力于确保我们的计划公开透明&#xff0c;并将毫无隐瞒地分享从问题到设计规范的所有内容。我们了解到许多开发者对 Flutter 的功能路线图很感兴趣。我们往往会在一年中不断更改并调整这些计划&a…

【项目】Boost 搜索引擎

文章目录 1.背景2.宏观原理3.相关技术与开发环境4. 实现原理1.下载2.加载与解析文件2.1获取指定目录下的所有网页文件2.2. 获取网页文件中的关键信息2.3. 对读取文件进行保存 3.索引3.1正排与倒排3.2获取正排和倒排索引3.3建立索引3.3.1正排索引3.3.2倒排索引 4.搜索4.1 初始化…

ArmSoM Rockchip系列产品 通用教程 之 UART 使用

1. UART 简介​ Rockchip UART (Universal Asynchronous Receiver/Transmitter) 基于16550A串口标准&#xff0c;完整模块支持以下功能&#xff1a; 支持5、6、7、8 bits数据位。支持1、1.5、2 bits停止位。支持奇校验和偶校验&#xff0c;不支持mark校验和space校验。支持接…

Kafka | SpringBoot集成Kafka

SpringBoot集成Kafka 一、前言二、项目1. pom2. application.properties4. 消息生产者-测试5. 消息消费者 三、启动测试四、有总结的不对的地方/或者问题 请指正, 我在努力中 一、前言 该文章中主要对SpringBoot 集成Kafka 主要是 application.properties 与 pom坐标就算集成完…

flutterui框架,android面试宝典铁道出版社

在很多程序员看来&#xff0c;数据结构&#xff0c;算法这一类的东西感觉没用&#xff0c;在实践中都不常用&#xff0c;所以都会很忽视这类内容&#xff0c;但是在很多公司看来&#xff0c;尤其是大公司看来数据结构和算法这种东西确实最有用&#xff0c;而且经常在笔试和面试…

Blender和3ds Max哪个会是行业未来?

Blender和3ds Max都是很强大的三维建模和渲染软件&#xff0c;各有各的好处。选择哪个软件更好&#xff0c;要看你的需求、预算、技术水平以及行业趋势等因素。 Blender最大的优点是免费且开源&#xff0c;这对预算有限的个人和小团队来说很有吸引力。它有很多建模工具和功能&…