使用FileReader的readAsDataURL可以将文件读取为base64编码的字符串,使用img标签可以展示为base64编码的图片。
/**
*img 展示图片的标签
*obj input file 标签
*/
function (img,obj){
var reader = new FileReader();
reader.onloadend=function(e) {
img.src = e.target.result;
};
reader.readAsDataURL(obj.files[0]);
}
对于IE10以下的浏览器,可以有相应的解决办法:
使用一个div 代替img,比如<div id="mydiv"></div>
然后使用如下代码:document.getElementById('mydiv').style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(
sizingMethod='scale',src='"+name+"',width='166px',height='165px')";