将图片链接直接转成base64位编码
2017-07-27 17:07
363 查看
将图片链接直接转成base64位编码
function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0, img.width, img.height); var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase(); var dataURL = canvas.toDataURL("image/"+ext); return dataURL; } var imgLink = "你的链接"; var tempImage = new Image(); tempImage.src = imgLink; tempImage.crossOrigin = "*"; tempImage.onload = function(){ var base64 = getBase64Image(tempImage); console.log(base64); }
image.crossOrigin = "*"是防止跨域请求时报错
Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may n
相关文章推荐
- Base64编码 及 在HTML中用Base编码直接显示图片或嵌入其他文件类型
- Java实现图片与base64位编码互相转换
- Java中图片与base64位编码互转
- js将echarts图表转换成base64位格式编码的图片
- 图片base64位编码 favicon.ico在线制作 进制转换等等
- 基于base64位编码上传图片POST提交值得注意的地方
- Java实现图片与base64位编码互相转换
- iOS开发之将base64位编码的字符串转换为图片,data转图片,图片转data
- 在java代码中将图片转变为base64位代码 并且在浏览器下展示base64编码的图片
- Base64编码 及 在HTML中用Base编码直接显示图片或嵌入其他文件类型
- Java版图片与base64位编码互…
- Java版图片与base64位编码互转
- base64位编码原理与分析
- 说说base64位编码。
- Base64编码的图片流直接嵌入到页面显示
- base64位编码原理与分析
- 图片转Base64位
- Base64位编码与String字符串的相互转换,Base64与Bitmap的相互转换
- css3 data:url()可以使用base64编码图片直接放在网页上