大事件项目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提交


相关文章
|
2月前
带分享按钮404页面丢失模板
带分享按钮404页面丢失模板
37 20
大事件项目20_个人中心_基本资料重置按钮实现
大事件项目20_个人中心_基本资料重置按钮实现
|
10月前
|
小程序
微信小程序实现不同按钮跳转同一个页面显示不同内容
微信小程序实现不同按钮跳转同一个页面显示不同内容
174 0
element用户上传头像组件带大图预览,和删除功能
element用户上传头像组件带大图预览,和删除功能
若依颜色失效怎么办?F12刷新样式不管用,回到控制台,重新点击项目链接就好了
若依颜色失效怎么办?F12刷新样式不管用,回到控制台,重新点击项目链接就好了
|
9月前
|
JavaScript
大世界项目21——如何实现更换头像的功能
大世界项目21——如何实现更换头像的功能
|
9月前
|
API 开发工具 git
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
|
10月前
|
搜索推荐
【sgUploadTray_v2】自定义组件:升级版上传托盘自定义组件,可实时查看上传列表进度,可以通过选项卡切换上传中、成功、失败的队列,支持翻页,解决了列表内容太多导致卡顿的情况。(一)
【sgUploadTray_v2】自定义组件:升级版上传托盘自定义组件,可实时查看上传列表进度,可以通过选项卡切换上传中、成功、失败的队列,支持翻页,解决了列表内容太多导致卡顿的情况。
|
缓存 Java Maven
为网站设置欢迎页面和自定义网站的图标教程~
为网站设置欢迎页面和自定义网站的图标教程~
108 0
|
小程序 前端开发 JavaScript
微信小程序分类菜单激活状态跟随列表滚动自动切换
微信小程序分类菜单激活状态跟随列表滚动自动切换
191 0