大事件项目22_个人中心,更换头像,选择后预览

简介: 大事件项目22_个人中心,更换头像,选择后预览

1、现在如何使image标签,得到预览一下

2、 应该怎么办,给他image的Src下,行不行???

3、不行,为什么在Src下的值,或者是date:这种格式,必须是这种格式

4、这里解决的问题是措施,将拿到file的文件转成base64格式

5、第一种方法,将文件转到内存地址(这个地址,只能在js里内存里不能发给后台)

6、在我们js中有一个内置的对象,内存放到这里就是临时的返回地址

7、定义参数,保存定义的图片的路径

8、

8. 1 写法

9、把转换的参数,转换为自己定义的参数

10、选择图像,现在成功上来了

11、这个地址,只能在前端,本地来用

12、

13、第二种方法的使用,我们先用一个HTML5新出的构造函数

14、他的做事是读取的过程中可以触发文件

15、读取完毕了,会触发onload这个事件函数

16、我们在这个字符串来,来读这个文件,这个result就是base64的按钮,然后把base64交给我们图片预览,交给我们的参数

17、代码的写法

18、这就是我们转化的base64的字符串

19、个人中心更换图片进行预览,进行git提交


相关文章
|
关系型数据库 Linux 数据库
PostgreSQL
PostgreSQL
369 3
|
缓存 小程序 安全
微信小程序性能优化的未来发展趋势
【10月更文挑战第21天】
456 59
|
10月前
|
安全 搜索推荐 网络安全
HTTPS与HTTP:区别及安全性对比
HTTP和HTTPS是现代网络通信中的两种重要协议。HTTP为明文传输,简单但不安全;HTTPS基于HTTP并通过SSL/TLS加密,确保数据安全性和完整性,防止劫持和篡改。HTTPS还提供身份验证,保护用户隐私并防止中间人攻击。尽管HTTPS有额外的性能开销和配置成本,但在涉及敏感信息的场景中,如在线支付和用户登录,其安全性优势至关重要。搜索引擎也更青睐HTTPS网站,有助于提升SEO排名。综上,HTTPS已成为大多数网站的必然选择,以保障用户数据安全和合规性。
791 1
|
Java 测试技术 API
弃用 RestTemplate,来了解一下官方推荐的 WebClient !
在 Spring Framework 5.0 及更高版本中,RestTemplate 已被弃用,取而代之的是 WebClient。WebClient 提供了非阻塞 I/O、函数式编程风格、更好的错误处理和流式传输支持等优势。本文介绍了如何在 Spring Boot 3 中使用 WebClient 发送同步和异步请求,并处理各种错误。虽然 RestTemplate 仍可用于某些场景,但 WebClient 是现代 Spring 应用程序的更好选择。
弃用 RestTemplate,来了解一下官方推荐的 WebClient !
|
10月前
|
C语言
【C语言程序设计——入门】基本数据类型与表达式(头歌实践教学平台习题)【合集】
这份文档详细介绍了编程任务的多个关卡,涵盖C语言的基础知识和应用。主要内容包括: 1. **目录**:列出所有关卡,如`print函数操作`、`转义字符使用`、`数的向上取整`等。 2. **各关卡的任务描述**:明确每关的具体编程任务,例如使用`printf`函数输出特定字符串、实现向上取整功能等。 3. **相关知识**:提供完成任务所需的背景知识,如格式化输出、算术运算符、关系运算符等。 4. **编程要求**:给出具体的代码编写提示。 5. **测试说明**:包含预期输入输出,帮助验证程序正确性。 6. 文档通过逐步引导学习者掌握C语言的基本语法和常用函数,适合初学者练习编程技能。
274 1
|
监控 Java 调度
定时任务概述
定时任务概述
206 1
|
机器学习/深度学习 自然语言处理 TensorFlow
深入浅出:理解和实现深度学习中的卷积神经网络(CNN)
在当今的数据驱动世界,深度学习已经成为许多领域的关键技术。本文将深入探讨卷积神经网络(CNN)的原理、结构和应用,旨在帮助读者全面理解这项强大的技术,并提供实际的实现技巧。
627 27
|
消息中间件 缓存 监控
中间件服务层
【6月更文挑战第13天】
226 2
|
消息中间件 搜索推荐 Java
消息中间件JMS介绍、入门demo与spring整合
消息中间件JMS介绍、入门demo与spring整合
581 86
消息中间件JMS介绍、入门demo与spring整合
|
数据采集 机器学习/深度学习 监控
数据分析的目的是什么?
【5月更文挑战第17天】数据分析的目的是什么?
737 4