在angular指令中动态地将文件推送到数组

时间:2018-01-19 17:47:51

标签: angularjs angularjs-directive

我有角度指令的问题,通常我想在每个input[file]指令fileModal中使用多个输入上传文件。我希望每个选定的文件都可以推送到objApply,但问题是只有一个文件被推送到刚选择的数组。你能帮我把多个文件推送到这个数组吗?

.directive('fileModel', ['$parse', function($parse) {
  return {
    restrict: 'A',
    link: function(scope, element, attrs) {
        var objApply = [];
        var parsedFile = $parse(attrs.fileModel);
        var parsedFileSetter = parsedFile.assign;
        element.bind('change', function() {        
            scope.$apply(function() {
                objApply.push(element[0].files[0]);
                parsedFileSetter(scope, objApply);
            });
        });
    }
  };
}])

<input type="file" name="file" file-model="file.upload" 
class="newQuizImgQuestion">
<input type="file" name="file" file-model="file.upload" 
class="newQuizImgQuestion">

0 个答案:

没有答案