博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
文件(图片)转base64
阅读量:5054 次
发布时间:2019-06-12

本文共 865 字,大约阅读时间需要 2 分钟。

普通图片转base64

function getBase64(url, callback){    var canvas = document.createElement('canvas'),//创建canvas元素    dataURL= '',    ctx = canvas.getContext('2d'),    img = new Image; //通过构造函数来创建的 img 实例,在赋予 src 值后就会立刻下载图片,相比 createElement() 创建  省去了 append(),也就避免了文档冗余和污染  img.crossOrigin = 'Anonymous';  img.onload = function(){    canvas.height = img.height;    canvas.width = img.width;    ctx.drawImage(img,0,0,);    dataURL = canvas.toDataURL('image/jpeg', 0.5);    callback?callback(dataURL):null; //调用回调函数    canvas = null;  };  img.src = url; // 图片预览}

获取file对象 ,获取base64URL

var file=document.querySelector("input[type='file']");var file1 = file.files[0]// 获取文件对象var reader = new FileReader();reader.onload=function(ev){    console.log(this.result)//  console.log(ev.target.result)}reader.readAsDataURL(file1);

转载于:https://www.cnblogs.com/whitewen/p/10455857.html

你可能感兴趣的文章
php读取文件内容的三种方式(转)
查看>>
hadoop数据备份
查看>>
二分图匹配 学习笔记
查看>>
poj 2154:Color【polya计数,Euler函数】
查看>>
正则表达式
查看>>
SpringMVC框架学习笔记(2)——使用注解开发SpringMVC
查看>>
深入理解递归函数的调用过程
查看>>
《在C#中实现Socket端口复用》 以及《 UDP 一个封锁操作被对 WSACancelBlockingCall 的调用中断。》问题...
查看>>
PDF格式的“在线阅读”和“下载”
查看>>
无耻之徒(美版)第七季/全集Shameless US迅雷下载
查看>>
svn cleanup failed–previous operation has not finished; run cleanup if it was interrupted
查看>>
Webpack4 学习笔记四 暴露全局变量、externals
查看>>
CF1005F Berland and the Shortest Paths
查看>>
vscode点击ctrl键报错Request textDocument/definition failed.
查看>>
POJ 3368 Frequent values (RMQ,4级)
查看>>
java 练习题3
查看>>
对象生命周期的简单理解
查看>>
c# 日志记录 行号
查看>>
CSS3---12.过渡动画
查看>>
[NOI1995]石子合并 四边形不等式优化
查看>>