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

时间:2017-08-05 13:57:50

标签: c# angularjs asp.net-mvc asp.net-web-api

我是 ASP.NET MVC AngularJS 的新手,如何通过AngularJS Controller和ASP.NET将文件(Image / PDF / Doc)上传到服务器文件夹MVC控制器

1 个答案:

答案 0 :(得分:3)

您可以使用angular-file-upload 首先安装它:

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