js 将图片连接转换成base64格式的简单实例
2016-08-10 09:44
971 查看
我们把图像文件的内容直接写在了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格式的简单实例
- js 将图片连接转换称base64格式
- js 将图片连接转换称base64格式
- JS实现图片转换成base64的各种应用场景实例分析
- JS验证图片格式和大小并预览的简单实例
- H5、js、上传头像将图片转换成base64格式的:data:image/png;base64,iVBORw0
- JS简单的轮播的图片滚动实例
- IE下JS保存图片的简单实例
- 使用JS实现图片展示瀑布流效果(简单实例)
- JS实现图片的不间断连续滚动的简单实例
- JS判断日期格式是否合法的简单实例
- JS获取IMG图片高宽的简单实例
- java使用itextpdf将图片转换成pdf的简单实例
- js图片裁剪并生成base64格式图片
- html5将图片转换成base64的实例代码
- JS获取随机数和时间转换的简单实例
- JS对象与json字符串格式转换实例
- C# 图片的转换,一个简单的实例,没有特别的修饰,涉及线程
- JS对象与json字符串格式转换实例
- js将echarts图表转换成base64位格式编码的图片