图片回显总结

最新推荐文章于 2024-03-05 16:15:11 发布

lyfing95

最新推荐文章于 2024-03-05 16:15:11 发布

阅读量671

点赞数

分类专栏：学习文章标签：图片回显

本文链接：https://blog.csdn.net/qq_37333151/article/details/84847567

版权

学习专栏收录该内容

25 篇文章 0 订阅

订阅专栏

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 方法，火狐、谷歌可以