Javascript 上传角度多部分
我举了一个例子:上传多部分文件,但有两件事我不能做 1上载多个文件。所以对输入使用多个条件 2将控制器中的其他formData附加到服务 下面是一个例子:Javascript 上传角度多部分,javascript,html,angularjs,file-upload,multipartform-data,Javascript,Html,Angularjs,File Upload,Multipartform Data,我举了一个例子:上传多部分文件,但有两件事我不能做 1上载多个文件。所以对输入使用多个条件 2将控制器中的其他formData附加到服务 下面是一个例子: var myApp = angular.module('myApp', []); myApp.directive('fileModel', ['$parse', function ($parse) { return { restrict: 'A', link: function(scope, elem
var myApp = angular.module('myApp', []);
myApp.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]);
});
});
}
};
}]);
myApp.service('fileUpload', ['$http', function ($http) {
this.uploadFileToUrl = function(file, uploadUrl, callback){
var fd = new FormData();
fd.append('file', file);
$http.post(uploadUrl, fd, {
transformRequest: angular.identity,
headers: {'Content-Type': undefined}
})
.success(callback)
.error(callback);
}
}]);
myApp.controller('myCtrl', ['$scope', 'fileUpload', function($scope, fileUpload){
$scope.uploadFile = function(){
var file = $scope.myFile;
console.log('file is ' + JSON.stringify(file));
console.log(fileUpload.fd);
fileUpload.fd.append('newID', "2");
var uploadUrl = "http://httpbin.org/post";
fileUpload.uploadFileToUrl(file, uploadUrl,function(data, status, headers, config){
if(status == 200)console.log('Success!');
else console.log('Error!');
});
};
}]);
<div ng-controller = "myCtrl">
<input type="file" file-model="myFile"/>
<button ng-click="uploadFile()">upload me</button>
</div>
谢谢