上传图片时直接回显

html:

 <img alt="暂无图片" id="cardImg1" src="" height="100px" width="200px" >
 
<input type="file" id="card1" onchange="changeCardImg1(event)" accept="image/*" name="IdCard"> 

js中：

   function changeCardImg1(e){
        for (var i = 0; i < e.target.files.length; i++) {
            var file = e.target.files.item(i);
            //验证是否为图片，不是就跳出循环
            if (!(/^image\/.*$/i.test(file.type))) {
                alert("不是图片！")
                continue;
            }

            //实例化FileReader API  
            var freader = new FileReader();
            freader.readAsDataURL(file);
            freader.onload = function(e) {
                $("#cardImg1").attr("src",e.target.result);  //显示图片
            }
        }
    }