angularjs mvc中的文件上载
请查看以下代码,并让我知道如何将文件上载到项目的文件夹中。。 我在哪里可以写url?我选择了这个文件,但仅仅点击更新按钮并不能保存它 提前谢谢 放射免疫分析angularjs mvc中的文件上载,angularjs,file,upload,Angularjs,File,Upload,请查看以下代码,并让我知道如何将文件上载到项目的文件夹中。。 我在哪里可以写url?我选择了这个文件,但仅仅点击更新按钮并不能保存它 提前谢谢 放射免疫分析 var DocTrack=angular.module('DocTrack',[]); DocTrack.controller('DocumentController',DocumentController); 指令('fileModel',['$parse',函数($parse){ 返回{ 限制:“A”, 链接:函数(范围、元素、属性)
var DocTrack=angular.module('DocTrack',[]);
DocTrack.controller('DocumentController',DocumentController);
指令('fileModel',['$parse',函数($parse){
返回{
限制:“A”,
链接:函数(范围、元素、属性){
var model=$parse(attrs.fileModel);
var modelSetter=model.assign;
元素绑定('change',函数(){
作用域:$apply(函数(){
modelSetter(作用域,元素[0]。文件[0]);
});
});
}
};
}]);
服务('fileUpload',['$http',函数($http){
调试器;
this.uploadFileToUrl=函数(文件,uploadUrl){
var fd=新FormData();
fd.append('file',file);
$http.post(上传URL、fd、{
请求:angular.identity,
标题:{“内容类型”:未定义}
})
.success(函数(){
警报('文件已成功上载…');
})
.错误(函数(){
警报(“文件尚未上载”);
});
}
}]);
DocTrack.controller('DocumentController',['$scope','fileUpload',函数($scope,fileUpload){
$scope.uploadFile=函数(){
调试器;
var file=$scope.myFile;
log('文件为'+JSON.stringify(文件));
var uploadUrl=”http://localhost:40966/fileUpload";
uploadFileToUrl(文件,uploadUrl);
};
}]);代码>
上传我
您可以检查您的后端url吗?它必须与您指定的相同,并且在保存图像时,您必须指定在后端存储图像的路径。以html格式
<div class="form-group col-xs-12 ">
<label class="form-group">Select file</label>
<div class="controls">
<input type="file" file-model="fileUrl"/>
</div>
</div>
为您效劳
.service('fileUpload', ['$http', function ($http) {
this.uploadFileToUrl = function(file, uploadUrl,formdata){
var fd = new FormData();
fd.append('file', file);
fd.append('formdata',angular.toJson(formdata));
$http.post(uploadUrl, fd, {
transformRequest: angular.identity,
headers: {'Content-Type': undefined}
})
.success(function(data){
console.log(data);
return data;
})
.error(function(){
});
}
}]);
.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]);
});
});
}
};
}])
“/Uploadfile”是您的后端url谢谢您的回答。请告诉我后端代码。ThanksThanks@Gajanan您指定的后端url是我的控制器的名称/操作方法。它现在正在上传文件。我们将从哪里获得控制器中的formdata?var data=fileUpload.uploadFileToUrl(文件,uploadUrl,formdata);
var file = $scope.fileUrl;
var uploadUrl = "/Uploadfile";
var data = fileUpload.uploadFileToUrl(file, uploadUrl,formdata);
};
.service('fileUpload', ['$http', function ($http) {
this.uploadFileToUrl = function(file, uploadUrl,formdata){
var fd = new FormData();
fd.append('file', file);
fd.append('formdata',angular.toJson(formdata));
$http.post(uploadUrl, fd, {
transformRequest: angular.identity,
headers: {'Content-Type': undefined}
})
.success(function(data){
console.log(data);
return data;
})
.error(function(){
});
}
}]);
.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]);
});
});
}
};
}])