文件(图片)转base64

普通图片转base64

function getBase64(url, callback){

    var canvas = document.createElement('canvas'),//创建canvas元素

    dataURL= '',

    ctx = canvas.getContext('2d'),

    img = new Image; //通过构造函数来创建的 img 实例，在赋予 src 值后就会立刻下载图片，相比 createElement() 创建 <img> 省去了 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);

巴特西

文件(图片)转base64

普通图片转base64

获取file对象 ,获取base64URL

最新文章

热门文章