今天小编给大家分享一下js怎么利用FileReader实现图片转base64格式并上传预览头像的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅免费云主机域名读完这篇文章后有所收获，下面我们一起来了解一下吧。修改用户头像,一般都会需要把图片转成base64格式,所以我们需要学会怎么利用FileReader转换1.点击button按钮触发input的点击事件,所以需要给input设置ref拿到Dom2.给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格式并上传预览头像”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。
相关推荐: vue中this.$createElement方法如何使用
这篇文章主要介绍“vue中this.$createElement方法如何使用”，在日常操作中，相信很多人在vue中this.$createElement方法如何使用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”vue中this.…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
