[聚合文章] js base64与canvas base64

HTML5 2017-09-22 20 阅读

一、js base64

获取到上传的文件myfile,创建一个fileRead文件对象,使用readAsDataURL方法可以将读取到的文件编码成Data URL。文件加载成功后,e.target.result就是文件图片所对应的base64编码。直接赋值给img的src,就能显示图片。

<body>        <input type="file" name="myfile" id="myfile" value="" onchange="sub()"/></body><script type="text/javascript">   function sub(){       var myfile = document.getElementById("myfile").files[0];       var fileRead = new FileReader();       fileRead.readAsDataURL(myfile);        fileRead.onload = function(e){                console.log(e);                var base64 = e.target.result;                console.log(base64);                var img = new Image();                img.src = base64;                document.getElementsByTagName("body")[0].appendChild(img);            }   }<script>

下面是onload里e对象打印的结果,可以看出e.target.result是文件图片的信息。


注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。