Question

大家好我已经在angularjs中实现了文件上传，用于单个文件上传，没有拖放功能，但是现在我需要同时上传多个文件，那就是我有一个文本区域，我必须能够拖动多个文件并放入该区域。我无法做到这一点......我已经为单个文件实现了文件上传，如下所示：

指令：

angular.module('myProject').directive('fileModel', ['$parse', function ($parse) {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            var model = $parse(attrs.fileModel);
            var modelSetter = model.assign;

            element.bind('change', function(){
                scope.$apply(function(){
                    modelSetter(scope, element[0].files[0]);
                });
            });
        }
    };
}]);

JSP：

  <input
     class="form-control form-input form-style-base" 
     accept="application/pdf,application/mp3,application/mp4"
     type="file"
     file-model="resourceVo.file">

控制器：选择文件后读取文件

 $scope.$watch('resourceVo.file', function (newVal) {
         $scope.resourceVo.resourceURL = newVal.name;
         if (newVal)
           console.log(newVal);
       })

任何人都可以建议我如果我可以使用相同的指令拖放多个文件.. ??提前致谢

多个文件上传拖放角度js

0 个答案: