使用AngularJS和ASP.NET MVC上传文件

Question

我是ASP.NET MVC和AngularJS的新手，如何使用ASP.NET MVC Controller通过AngularJS Controller将文件（图像/ PDF / Doc）上传到服务器文件夹

Answer 1

you can use the angular-file-upload first install it:

bower install bower install angular-file-upload

then add it as dependency in your app.

angular.module('your-app-name', ['angularFileUpload']);

In your controller, inject the FileUploader service:

angular.module('your-app-name').controller('ctrlName',
      ['$scope','FileUploader', function($scope, FileUploader) {
       $scope.uploader = new FileUploader({
                           url: 'server_url_here'
                   //you can add other configuration here like xsrf headers  
          });
      }]);

Then in your html:

               Multiple
                <input type="file" nv-file-select="" uploader="uploader" multiple  /><br/>

                Single
                <input type="file" nv-file-select="" uploader="uploader" />

You can find a detailed explanation here: https://github.com/nervgh/angular-file-upload An example: https://github.com/nervgh/angular-file-upload/tree/master/examples/simple