Angularjs网格图像上传和预览

Question

我想在上传之前上传图片文件我想要显示图片的预览，但我发现问题就像我正在尝试上传图片它只在第一个网格视图中更改。

我想要 如果有人可以指出我正确的方向，那将是伟大的！谢谢！

我正在使用这样的代码：

$(function () {
    $(":file").change(function () {
      if (this.files && this.files[0]) {
        var reader = new FileReader();
        reader.onload = imageIsLoaded;
        reader.readAsDataURL(this.files[0]);
      }
    });
  });

  function imageIsLoaded(e) {
    $('#myImg').attr('src', e.target.result);
  };

<div ng-repeat 1 to 4>
 <div class="col-md-4 col-4-custom">
                       <img id="myImg" src="http://imagepath" width=600px height=250px class="img-full" alt="Image not found" >

 </div>

<label type='file' for="file-input1" id="file-input1" ng-file-select ng-model="files">
</div>