打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
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});
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
DataURL与File,Blob,canvas对象之间的互相转换的Javascript
mui H5+ 调取 相册 拍照 功能 上传图片 + 裁剪功能
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
在浏览器端用H5实现图片压缩上传
NodeJS 常用模块推荐
js实现简单的板球游戏
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服