前端实现图片转base64
来源:互联网 发布:逗妹子开心的套路知乎 编辑:程序博客网 时间:2024/05/17 22:02
使用canvas
新建个canvas
标签然后用css隐藏。之后获取此canvas元素,使用toDataURL
方法转换。
12
var canvas=document.getElementById("xxxx");var base64=canvas.toDataURL("图片地址");
使用 FileReader
使用 FileReader
的 readAsDataURL
方法,读取图片并把base64数据保存到其result属性中。
1234
var reader=new FileReader();var file=fileList[0];//这里fileList是通过 File API 获取的文件数组(开启multi)reader.readAsDataURL(file);var base64=reader.result;
用途
把图片转成base64形式用处主要是减少HTTP请求、实时预览要上传的图片。
如果通过canvas的话还能做图片的进一步加工处理。
0 0
- 前端实现图片转base64
- 【前端攻略】:玩转图片Base64编码
- python将图片转base64,前端显示
- js实现将 图片转base64编码
- js实现图片转base64(兼容IE8+)
- MultipartFile转Base64,实现阿里图片识别
- jQuery实现图片转base64及上传
- 前端图片在线转换Base64 图片编码Base64
- base64转图片 图片转base64
- base64转图片 图片转base64
- 图片转Base64
- 图片转base64字符串
- android 图片转 Base64
- 图片转Base64位
- java base64转图片
- Base64编码转图片
- javascript 图片转base64
- 图片转Base64编码
- 加拿大综合类大学排名获关注,盘点高校对雅思要求
- Android逆向基础笔记—初识逆向
- springboot+mybatis+SpringSecurity 实现用户角色数据库管理(一)
- Android 多次点击的另一种思路
- 贪心算法详解
- 前端实现图片转base64
- ActiveMQ参考资料
- Android逆向基础笔记—Android中的常用ARM汇编指令
- AngularJS实际项目应用——项目目录结构概览
- ant.design实践手札之---ajax数据调用
- python开发常用环境包
- html锚点 偏移问题
- Android逆向基础笔记—Dalvik字节码小记_const/4 v2, 0x1
- 后台学习之路(一) mysql(数据表基本操作以及约束初识)