Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过angular js上传多个文件_Javascript_Angularjs_Upload - Fatal编程技术网

Javascript 如何通过angular js上传多个文件

Javascript 如何通过angular js上传多个文件,javascript,angularjs,upload,Javascript,Angularjs,Upload,这是我的角度代码。一个文件上传正在进行,但添加两个其他文件却没有进行。你能帮我解决这个问题吗?请帮我,我被卡住了 $scope.upload = function(){ console.log("In upload function"); console.log(deployTaskId); $scope.disableUpload = true; var uploadUrl = baseurl+"

这是我的角度代码。一个文件上传正在进行,但添加两个其他文件却没有进行。你能帮我解决这个问题吗?请帮我,我被卡住了

$scope.upload = function(){
            console.log("In upload function");
            console.log(deployTaskId);
            $scope.disableUpload = true;

            var uploadUrl = baseurl+"/"+encodeURIComponent(deployTaskId);
            alert(baseurl);
            console.log(uploadUrl);
            alert(uploadUrl);
            var file = $scope.deploy.myFile;
            var fd = new FormData();
            fd.append('file', file);
            var httpRequest = $http({
            method: 'PUT',
            url: uploadUrl ,
            transformRequest: angular.identity,
             headers: {
            'Content-Type': 'application/json',
            'x-api-key': api_key
            },
            data: fd
            })
            .success(function(data, status){

            console.log("Success in uploading task file");
            $scope.disableUpload = false;
            console.log(data);
            console.log("upload Successful");
            })
            .error(function(data, status){
            console.log("Error in uploading task file");
            $scope.disableUpload = false;
            }); 
        };
这是我的指令

task.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]);
                });
            });
        }
    };
}]);
我个人使用,这个指令可以很容易地上传多个文件

您可以在README.md上找到有关如何上载多个文件的示例