使用h5做上传图片的即时显示

使用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')";