javascript 图片解析Base64字符串

来源:互联网 发布:linux 编译安装php7.1 编辑:程序博客网 时间:2024/05/18 17:00
<pre name="code" class="html"><!DOCTYPE html><html><head><meta charset="utf-8" /><title></title></head><body><img width="100" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAHgCAYAAADUj..." /><span id="txtBaseCode" style="word-wrap: break-word;"></span><script>var txtBaseCode = document.getElementById("txtBaseCode");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('img/splash1.png', function(base64Img) {txtBaseCode.innerHTML = base64Img;});</script></body></html>


                                             
0 0
原创粉丝点击