文件上傳與AngularJS和ASP.NET MVC

Question

我是新來ASP.NET MVC和AngularJS，我如何上傳文件（圖片/ PDF /文件）到服務器文件夾通過AngularJS控制器與ASP.NET MVC控制器

Answer 1

可以使用角文件上傳 先安裝：

bower install bower install angular-file-upload 

然後將其添加爲您的應用程序的依賴。

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

在你的控制器，注入FileUploader服務：

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 
      }); 
     }]); 

然後在您的html：

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

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

你可以在這裏找到一個詳細的解釋： https://github.com/nervgh/angular-file-upload 一個例子： https://github.com/nervgh/angular-file-upload/tree/master/examples/simple