js 将图片连接转换成base64格式的简单实例
我们把图像文件的内容直接写在了HTML文件中,这样做的好处是,节省了一个HTTP请求。坏处呢,就是浏览器不会缓存这种图像。现在我们提供一个js:
functionconvertImgToBase64(url,callback,outputFormat){
varcanvas=document.createElement('CANVAS'),
ctx=canvas.getContext('2d'),
img=newImage;
img.crossOrigin='Anonymous';
img.onload=function(){
canvas.height=img.height;
canvas.width=img.width;
ctx.drawImage(img,0,0);
vardataURL=canvas.toDataURL(outputFormat||'image/png');
callback.call(this,dataURL);
canvas=null;
};
img.src=url;
}
convertImgToBase64('http://bit.ly/18g0VNp',function(base64Img){
//Base64DataURL
});
以上这篇js将图片连接转换成base64格式的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。