Как отправляются изображения и JSON формы Angular httpClient

Question

Я хочу отправить изображение и JSON с одним запросом на сервер.Это мой код JS, который я хочу отправить с Angular.

function onSubmit(){

  var formData = new FormData();
  formData.append("file", document.forms["userForm"].file.files[0]);
  formData.append('user', new Blob([JSON.stringify({
    "firstName": document.getElementById("firstName").value,
    "lastName": document.getElementById("lastName").value})], 
    {type: "application/json"}));

   var boundary=Math.random().toString().substr(2);
   fetch('/api/cateogry/saveCategory', {
     method: 'post',
     body: formData}).then(function(response) {
       if (response.status !== 200) {
         alert("There was an error!");
       } else {
         alert("Request successful");
       }
      }).catch(function(err) {
        alert("There was an error!");
      });;
    }

Answer 1

Вы можете отправить изображение в виде строки, преобразовать изображение в строку, используя Base64, а затем отправить его в Json.взгляните на это: Преобразование изображения в base64 в угловых 2