angularjs - 使用 blueimp 插件和 AngularJS 通过单个文件上传重置文件选择

Question

我的设置如下:

   singleFileUploads: false,
    // To limit the number of files uploaded with one XHR request,
    // set the following option to an integer greater than 0:
    limitMultiFileUploads: undefined,
    maxNumberOfFiles: 1,

我正在尝试让我的客户上传个人图片，成功上传此图片后，我想重置文件选择，并允许我的用户上传另一张图片而不是第一张图片。

在将 maxNumberOfFiles 设置为 1 之前，插件只是尝试上传用户选择的任何新文件以及旧文件，现在，它允许用户每次访问页面时只上传一次文件包含插件实例。

到目前为止，这是我尝试过的:

$scope.model.resetFiles = function(){
    angular.forEach(
        angular.element("input[type='file']"),
        function(inputElem){
          // angular.element(inputElem).val(null);
          angular.element(inputElem).find('.files').empty();    
         angular.element(inputElem).scope().clear()
    });
}

Answer 1

出于安全原因，Javascript 不允许您以您认为的方式清除文件字段。似乎创建一个新元素并替换旧文件字段就可以解决问题。查看this link有关更多详细信息和代码示例。

我看到有人建议将元素包装在 <form> 中标记并使用 jQuery 的 reset()函数来重置表单，但如果您没有使用完整版本的 jQuery，我认为 AngularJS 默认使用的 jqLit​​e 不包含此功能。