IFormFile हमेशा Asp.Net कोर WebAPI

Question

में खाली रहता है जब मुझे कोणीय नियंत्रक के साथ डेटा को धक्का देने का प्रयास होता है तो मुझे यहां कोई समस्या है। लेकिन मैं जो भी करता हूं (IFormFile फ़ाइल) हमेशा खाली रहता है। रेज़र सिंटैक्स के साथ केवल कुछ उदाहरण हैं लेकिन कोणीय या jquery के साथ ऐसा करने के लिए कोई उदाहरण नहीं है।

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 ...; 
    } 

मैंने इसे फॉर्मडाटा के साथ करने की भी कोशिश की है, क्योंकि जब आप इसे रेजर सिंटैक्स के साथ पोस्ट करते हैं तो इसका निर्माण होता है। इस तरह कुछ:

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 
      } 

कच्चे फ़ाइल को प्रदान करने के लिए फॉर्मडाटा के बजाय टिप्पणी में लिखा गया था। लेकिन फिर भी कुछ नहीं होता

Answer 1

यह कैसे 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) { 

       }); 
} 

और वेब एपीआई में:

[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) 
      { 
       //.... 
      }   
    } 

Answer 2

आप क्या कर सकते हैं यह केंडो अपलोड के साथ भी बहुत आसान है:

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

Answer 3

IFormFile केवल तभी काम करेगा यदि आप इनपुट नाम आपके विधि पैरामीटर नाम के समान हैं। आपके मामले में इनपुट नाम 'फाइल' है और विधि पैरामीटर नाम 'फ़ाइल' है। उन्हें एक ही बनाओ और इसे काम करना चाहिए।