Axios uri и xhr uri — почему загрузка файла идет только в последнем?

Question

[Destell]

Xhr успешно отправляет файл, Axios все время возвращает 404, в чем может быть косяк?
Изображения берутся с устройства, инпатов нет, путь предоставляет ImagePicker. Отправка идет на S3, привязка к параметру formdata не проходит.
Требуется использовать uri.

Axios

axios.put(
    "https://url",
    {
      uri: "file:///image.jpg"
    },
    {
      headers: {
        "Content-Type": "image/jpeg"
      }
    }
  );

Xhr

return new Promise((resolver, rejecter) => {
    const xhr = new XMLHttpRequest();

    xhr.onload = () => {
      if (xhr.status < 400) {
        resolver(true);
      } else {
        const error = new Error(xhr.response);
        rejecter(error);
      }
    };
    xhr.onerror = error => {
      rejecter(error);
    };

    xhr.open(
      "PUT",
      "https://url"
    );
    xhr.setRequestHeader("Content-Type", "image/jpeg");
    xhr.send({
      uri:
        "file:///image.jpg"
    });
  });

Comments

[Ярослав Иванов]

xhr.status < 400?)))
Почему не равно 200?

[Destell]

Ярослав Иванов, это первый попавшийся шаблон xhr, для тестирования отправки, в рабочую версию такой вид не пойдет.

Answer 1

[profesor08]

Укажи правильный заголовок:

let data = new FormData();

let gameFile = document.getElementById("create-game-file").files[0];
data.append('gameFile', gameFile, gameFile.name);

let settings = { 
  headers: { 
    'content-type': 'multipart/form-data' 
  } 
};

axios.post('api/games', data, settings)
.then(response => {
    console.log(response)
}).catch(response => {
    console.log(response)
})

https://medium.com/@ldiebold/ajax-file-upload-with...

Comments

[Destell]

Есть один момент - изображения берутся с устройства, инпатов нет, путь предоставляет ImagePicker. Отправка идет на S3, привязка к параметру formdata не проходит.

[profesor08]

Destell,
data.append("image", "file:///image.jpg");

[Destell]

profesor08, да, я пробовал так, возвращает 404.

[profesor08]

Destell, так а причем тут js код к тому, что сервак возвращает 404?

[Destell]

profesor08, при отправке postman, fetch и xhr - все ок, axios - еррор. Полагаю, дело именно в коде запроса, скорее всего не верно передается файл.

[profesor08]

Destell, если сервер тебе плюет 404, значит запрос идет по не правильному адресу.