本地与在线图片转Base64及图片预览
kevin.Zhu 发布于:2017-7-24 12:09 分类:JS 有 24 人浏览,获得评论 0 条
http://www.cnblogs.com/z-sm/p/4802009.html
function localImgLoad() {
var src = this.files[0];
var self = $(this);
var read = new FileReader();
read.onload = function(e) {
var html = "<img src=" + e.target.result + " alt='' />";
self.parent().append(html);
document.getElementById('localBase64StrContainer').value = e.target.result;
}
read.readAsDataURL(src)
};
<div>
本地图片预览(本地图片转Base64):
<input type="file" onchange="localImgLoad.call(this)"/>
<br/>
<textarea id="localBase64StrContainer" cols=50 rows=6>
</textarea>
<br/>
</div>
<br/>