Angularjs 1.5文件上传

时间:2018-06-12 10:07:19

标签: angularjs angularjs-fileupload

我正在使用Angularjs 1.5,并尝试上传多个文件,但在http请求中无法将文件数据发送到java服务,文件数据将作为空对象。

我使用以下目录上传多个文件:

myForm.directive('ngFileModel', ['$parse', function ($parse) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            var model = $parse(attrs.ngFileModel);
            var isMultiple = attrs.multiple;
            var modelSetter = model.assign;
            element.bind('change', function () {
                var values = [];
                angular.forEach(element[0].files, function (item) {
                    var value = {                       
                        name: item.name,                       
                        size: item.size,                       
                        url: URL.createObjectURL(item),
                        // File Input Value 
                        _file: item
                    };
                    values.push(value);
                });
                scope.$apply(function () {
                    if (isMultiple) {
                        modelSetter(scope, values);
                    } else {
                        modelSetter(scope, values[0]);
                    }
                });
            });
        }
    };
}]);

在http请求_file对象上作为空对象。 1.如何在_file对象中发送文件数据?

查询字符串参数:

param:{ "files": [{"name":"arrowred.png","size":34516,"url":"blob:http://localhost:7001/24c4d435-3cab-410e-9bf4-8bdce7990f4d","_file":{}}]}

0 个答案:

没有答案