js 将图片连接转换成base64格式的简单实例
更新时间:2016年08月10日 09:44:33 投稿:jingxian
下面小编就为大家带来一篇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格式的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
js字符串截取函数slice、substring和substr的比较
这篇文章主要震碎js字符串截取函数slice、substring和substr进行比较,感兴趣的小伙伴们可以参考一下2016-05-05用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1...2007-02-02
最新评论