Javascript 如何重置angular js中上载的文件路径

我正在创建一个功能，用于上传用户照片的详细信息， 因此，我使用了angularjs， 他们是我必须从该页面更新的多个用户

在第一个用户映像中，添加成功，但当我要添加下一个用户映像或更新其他数据时，默认情况下会为下一个用户显示映像的路径和名称

如上图所示

如果我不想添加图像，但要做一些与用户相关的其他更新并保存它们 当图像被自动选中时，该图像也会被发送， 你能给我一个解决方案吗， 我对UI部分还很陌生，所以我能够弄清楚到底出了什么问题

    <form id="user-image-form" class="col-sm-11 col-md-11 col-lg-11">
        <div class="form-group">
            <label>Select profile image</label>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-envelope fa-md fa-fw"></i></span>
                <input type="file" class="btn btn-default" id="imageFile" ng-model="imageFile"  name="imageFile" onchange="angular.element(this).scope().uploadAndReloadImage()" style="width:100%">
            </div>
        </div>
    </form>

---

这不是角度的方式…实际上我添加了这一部分，而不是整个文件，这一部分只是我如何从html访问图像文件，以及如何调用ajax

 $scope.uploadAndReloadImage = finction(){
         var FD  = new FormData();
         FD.append('image',document.getElementById("user-image-form"));
         d.image_file =  $scope.user_data.user_id;
        d.image_file_data = FD;
        var f = document.getElementById('imageFile').files[0];            
        if(f && $scope.user_data.user_id && $scope.user_data.user_id != "-1" && $scope.user_data.user_id != "")  {
        //ajax call
        }

       };