json 개체 및 파일을 가져 오기 함께 asp.net 서버에 게시 할 수 있습니다

Question

나는 여기에 붙어있어, 나는 indexedDb에서 json 개체를 동시에 서버에 IFormFile 개체로 게시하려고합니다. 그것을 받아들이는 방법은 다음과 같습니다 : 내가 JSON 개체로 내 batchModels를 저장했다, 단지 POST와 형태에서 바로 게시되기 전에

[HttpPost] 
    public async Task<IActionResult> Create(BatchModel model, IFormFile vinFile) 
    { 
    //logic goes here 
    } 

이 방법은 이전했다. 많은 그 이후 변경, 그는 다음 (간체) 방법, 오프라인 상태에서 다시 온라인수록 이제 클라이언트는 바로 업로드됩니다

테스트를 위해

if (infoChanged === true) { 
    fetchPromises.push(
     fetch('/Batch/Create/', { 
      headers: new Headers({ 
       'Content-Type': 'application/javascript' //Tried this with multi-part/form 
      }), 
      credentials: 'same-origin', 
      method: 'POST', 
      body: batch //, vinFile 
     }) 
    ); 
} 
return Promise.all(fetchPromises); 

내가 가진 방법을 사용하려 모델 만 채워졌고, 내가 바꾸어야했던 유일한 것은 C# 코드에서 [FromBody] 태그를 추가해야한다는 것이 었습니다.하지만 이제는 vinFile도 채워 져야합니다. FormData 객체와 함께 배치와 vinFile을 Create 함수와 같은 이름으로 추가하여 이미 시도했습니다. 하지만 두 변수 모두 null이됩니다.

Answer 1

주요 기능은 헤더입니다. {Content-Type : "application/json"}

사용자가 원하는 경우 JSON에 대한 응답을 변경할 수 있습니다. 사용자가 직접 유형을 구성해야합니다.

fetch(myRequest).then(function(response) { 
    var contentType = response.headers.get("content-type"); 
    if(contentType && contentType.includes("application/json")) { 
     return response.json(); 
    } 
    throw new TypeError("Oops, we haven't got JSON!"); 
    }) 
    .then(function(json) { /* process your JSON further */ }) 
    .catch(function(error) { console.log(error); }); 

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch