文件上传与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