我正在开发一个网站,用户可以在其中上传文件。我正在使用angularJS作为前端和前端。 C#用于后端代码。我不知道该怎么做。请帮忙。
答案 0 :(得分:1)
您可以使用angularFileUpload
模块上传文件。并将$upload
注入您的控制器。
使用创建一个范围函数onFileSelect
在上传图像时存储上传的图像文件。并在提交页面时发送此数组。
这是您的查看文件
<input type="file" name="files" class="form-control" ng-file-select="onFileSelect($files)" ng-model="files"/>
在app.js
uploadResult = [];
$scope.onFileSelect = function($files) {
$scope.fileserror = "";
if($files.length==1){
var $file = $files[0];
var mime = $file.type;
if (mime == '"application/pdf"' || mime == 'image/jpeg' || mime == 'image/bmp' || mime == 'image/gif'){
var fileSizeKB = parseFloat($file.size/1024);
var fileSizeMB = parseFloat(fileSizeKB/1000);
if(fileSizeMB > 5){
$scope.fileserror = "You can not upload more than 5mb.";
uploadResult = [];
}else{
$scope.fileserror = "";
uploadResult = [];
uploadResult.push($file);
}
}else{
$scope.fileserror = "Only .jpg, .jpeg, .gif, .bmp, .pdf files are allowed !";
uploadResult = [];
}
}
}
这是你的保存功能..
$scope.saveData = function(resource){
$scope.upload = $upload.upload({
url: BASE_URL+'yourUploadedPath',
method: 'POST',
params: {},
file: uploadResult
}).then(function(response) {
if(response.data[0].success == 1){
// success message
}else{
// error message }
});
}