图片回显总结

form:

<input type="file" name="profilehead"  onchange="changImg(event)" accept="image/*"/>

js代码:

function changImg(e){  
    	for (var i = 0; i < e.target.files.length; i++) {  
            var file = e.target.files.item(i);  
            if (!(/^image\/.*$/i.test(file.type))) {  
                continue; //不是图片 就跳出这一次循环  
            }  
            //实例化FileReader API  
            var freader = new FileReader();  
            freader.readAsDataURL(file);  
             freader.onload = function(e) {  
            	$('#myhead').attr("src",e.target.result); 
             };
        }
    }

这里提醒一下有些浏览器不支持freader.onload 方法,火狐、谷歌可以

猜你喜欢

转载自blog.csdn.net/qq_37333151/article/details/84847567