AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

js 将图片连接转换成base64格式的简单实例

51自学网 http://www.wanshiok.com
js将图片转换成base64

我们把图像文件的内容直接写在了HTML 文件中,这样做的好处是,节省了一个HTTP 请求。坏处呢,就是浏览器不会缓存这种图像。现在我们提供一个js:

function convertImgToBase64(url, callback, outputFormat){  var canvas = document.createElement('CANVAS'),    ctx = canvas.getContext('2d'),    img = new Image;  img.crossOrigin = 'Anonymous';  img.onload = function(){    canvas.height = img.height;    canvas.width = img.width;    ctx.drawImage(img,0,0);    var dataURL = canvas.toDataURL(outputFormat || 'image/png');    callback.call(this, dataURL);    canvas = null;   };  img.src = url;}convertImgToBase64('http://bit.ly/18g0VNp', function(base64Img){  // Base64DataURL});

以上这篇js 将图片连接转换成base64格式的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持wanshiok.com。


js将图片转换成base64  
上一篇:Three.js学习之网格  下一篇:jQuery实现的选择商品飞入文本框动画效果完整实例