Asp.Net Core中的IFormFile始終爲空WebAPI

我在嘗試使用angularjs控制器推送數據時遇到問題。但是我所做的（IFormFile文件）總是空的。只有一些剃刀語法的例子，但沒有例子如何使用angular或jquery來完成。Asp.Net Core中的IFormFile始終爲空WebAPI

HTML：

<form class="form-body" enctype="multipart/form-data" name="newFileForm" ng-submit="vm.addFile()"><input type="file" id="file1" name="file" multiple ng-files="getTheFiles($files)"/></form>

指令：

(function() { 
'use strict'; 

angular 
    .module('app') 
    .directive('ngFiles', ['$parse', function ($parse) { 

    function fn_link(scope, element, attrs) { 
     var onChange = $parse(attrs.ngFiles); 
     element.on('change', function (event) { 
      onChange(scope, { $files: event.target.files }); 
     }); 
    }; 

    return { 
     link: fn_link 
    }; 
    }]); 
})();

控制器

var formdata = new FormData(); 
    $scope.getTheFiles = function ($files) { 
     angular.forEach($files, function (key, value) { 
      formdata.append(key, value); 
     }); 
    }; 

vm.addFile = function() {            
     var xhr = new XMLHttpRequest(); 
     xhr.open('POST', url, true); 
     xhr.setRequestHeader("Content-Type", "undefined"); 
     xhr.send(formdata);   
    }

Asp.net芯的WebAPI：

[HttpPost] 
    public async Task<IActionResult> PostProductProjectFile(IFormFile file) 
    { 
     if (!ModelState.IsValid) 
     { 
      return BadRequest(ModelState); 
     } 

     .... 
     return ...; 
    }

我也試過用formdata來做，因爲它是在你用剃刀語法發佈時構造的。這樣的事情：

dataService.addFile(formdata, { 
      contentDisposition: "form-data; name=\"files\"; filename=\"C:\\Users\\UserName\\Desktop\\snip_20160420091420.png\"", 
      contentType: "multipart/form-data", 
        headers: { 
         "Content-Disposition": "form-data; name=\"files\"; filename=\"C:\\Users\\UserName\\Desktop\\snip_20160420091420.png\"", 
         'Content-Type': "image/png" 
        }, 
        fileName: "C:\\Users\\UserName\\Desktop\\snip_20160420091420.png", 
        name: "files", 
        length : 3563 
      }

而不是formData提供的原始文件，因爲我在評論中寫道。但還是沒有任何反應

來源

2016-07-01 error505

它會幫助，如果你可以分享你的請求身體的樣子（我對發佈的文件內容不感興趣，但其他所有內容）。您可以從瀏覽器的開發人員工具診斷中抓取它。 –

這是當它是rawfile '上次更改時間：1461136463443 lastModifiedDate：週三2016年4月20日9時14分23秒GMT + 0200（西歐夏令時間）名稱：「snip_20160420091420.png」尺寸：3563 類型：」 image/png「 webkitRelativePath：」「' 當它是表格數據比我不能讀它，它只是'__proto __：FormData' – error505

這是如何與angularjs做到這一點：

vm.addFile = function() {      
       var fileUpload = $("#file").get(0); 
       var files = fileUpload.files; 
       var data = new FormData(); 
       for (var i = 0; i < files.length ; i++) { 
        data.append(files[i].name, files[i]); 
       } 


       $http.post("/api/Files/", data, { 
        headers: { 'Content-Type': undefined }, 
        transformRequest: angular.identity 
       }).success(function (data, status, headers, config) { 

       }).error(function (data, status, headers, config) { 

       }); 
}

而在網絡API：

[HttpPost] 
public async Task<IActionResult> PostFile() 
{ 
//Read all files from angularjs FormData post request 
var files = Request.Form.Files; 
var strigValue = Request.Form.Keys; 
..... 
}

或者這樣：

[HttpPost] 
    public async Task<IActionResult> PostFiles(IFormCollection collection) 
    { 
     var f = collection.Files;       

      foreach (var file in f) 
      { 
       //.... 
      }   
    }

來源

2016-07-04 14:15:25 error505

謝謝，爲我工作！ – m2pathan

你可以做它也與劍道上傳更簡單：

$("#files").kendoUpload({ 
     async: { 
      saveUrl: dataService.upload, 
      removeUrl: dataService.remove, 
      autoUpload: false            
     }, 
     success: onSuccess, 
     files: files 
    });

來源

2016-11-08 08:46:12

如果您輸入的名稱與您的方法參數名稱相同，則IFormFile將會起作用。在你的情況下，輸入名稱是'文件'，方法參數名稱是'文件'。讓他們一樣，它應該工作。

來源

2017-01-24 00:10:55

我一直試圖弄清楚這幾個小時，這是我失蹤的一塊。 – Quanta

謝謝老兄！霍莉廢話一直在這方面掙扎了好幾年。 – Yodacheese

Asp.Net Core中的IFormFile始終爲空WebAPI

回答

相關問題