js 将图片连接转换称base64格式
2017-08-04 09:14
519 查看
我们把图像文件的内容直接写在了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格式
- H5、js、上传头像将图片转换成base64格式的:data:image/png;base64,iVBORw0
- js 将图片链接转换成base64格式的简单实例
- JS将图片转换成Base64编码
- ajax异步上传图片文件并将其转换为base64格式
- 将图片转换base64格式,data:image/png;base64是什么?
- js将echarts图表转换成base64位格式编码的图片
- JS 如何将“在线图片资源”转换成“base64”
- js如何将选中图片文件转换成Base64字符串?
- android 压缩图片、生成缩略图 和转换Base64格式的字符串
- C#返回base64编码给前台js时直接转换为图片
- JS将图片转换为base64
- js下载base64格式的图片
- js将图片转为base64编码 && js将base64编码图片转为Blob格式
- js 将图片连接转换称base64格式
- base64图片格式的转换
- 将图片文件转换为base64格式的代码工具案例
- js 将图片转换为base64编码
- 动态生成二维码图片后通过js(JavaScript)或jq实现网页图片转base64格式下载