js怎么利用FileReader实现图片转base64格式并上传预览头像
导读:本文共1744.5字符,通常情况下阅读需要6分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 修改用户头像,一般都会需要把图片转成base64格式,所以我们需要学会怎么利用FileReader转换页面布局:<template><el-cardclass="box-card"><divslot="header"class="clearfix"><sp... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。修改用户头像,一般都会需要把图片转成base64格式,所以我们需要学会怎么利用FileReader转换
1.点击button按钮触发input的点击事件,所以需要给input设置ref拿到Dom
2.给input设置change改变事件
2.1设置一个变量接收转换的数据
2.2拿到事件目标,里面有个方法e.target.files是个伪数组.通过e.target.files.length判断用户是否选择了图片
2.3通过new FileReader拿到一个实例
2.4通过 实例名.readAsDataURL 将图片转成base64格式
2.5onload可以监听转换完成后/给声明变量赋值
3.点击上传按钮发送axios/上传成功重新请求用户信息实现信息刷新
本文:
js怎么利用FileReader实现图片转base64格式并上传预览头像的详细内容,希望对您有所帮助,信息来源于网络。