Jquery循环显示图片

因为在一个页面有好多图片需要上传 选择之后还要实时显示图片 这个是form的input框

$('input[type="file"]').change(function(e){
            var id = $(this).attr("id");
                
            $("."+id).empty();
            var files =this.files;
            
            var img = new Image();
            var reader =new FileReader();
            reader.readAsDataURL(files[0]);
            reader.onload =function(e){
                var dx =(e.total/1024)/1024;
                if(dx>=2){
                    alert("文件大小大于2M");
                    return;
                }
                img.src =this.result;
                img.style.width = "200px";
                // img.style.width ="100%";
                // img.style.height ="90%";
                document.querySelector('.'+id).appendChild(img);
            }
        });