手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js 将图片连接转换成base64格式的简单实例
js 将图片连接转换成base64格式的简单实例
摘要:我们把图像文件的内容直接写在了HTML文件中,这样做的好处是,节省了一个HTTP请求。坏处呢,就是浏览器不会缓存这种图像。现在我们提供一个j...

我们把图像文件的内容直接写在了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 将图片连接转换成base64格式的简单实例】相关文章:

JavaScript通过Date-Mask将日期转换成字符串的方法

js实现简单div拖拽功能实例

js对象和json对象互相转换的问题

Javascript进制转换实例

JavaScript实现将UPC转换成ISBN的方法

js实现简单锁屏功能实例

图片加载进度实时显示

js实现字符串转日期格式的方法

JavaScript实现广告的关闭与显示效果实例

js实现鼠标经过表格行变色的方法

精品推荐
分类导航