将文件上载到MYSQL数据库

时间:2016-12-14 06:40:38

标签: angularjs c#-4.0 file-upload

我正在开发一个网站,用户可以在其中上传文件。我正在使用angularJS作为前端和前端。 C#用于后端代码。我不知道该怎么做。请帮忙。

1 个答案:

答案 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                }
        });
    }