JavaScript: upload di file con axios

La libreria axios in JavaScript è uno strumento potente e versatile che consente di effettuare richieste HTTP verso un server. Tra le sue funzionalità principali, è possibile effettuare l'upload di un file verso un server.

Per effettuare l'upload di un file, è necessario creare un oggetto FormData e inserire al suo interno il file da inviare. Successivamente, si può utilizzare il metodo post() di axios per inviare la richiesta verso il server.


'use strict';

const file = document.getElementById('file').files[0];

const formData = new FormData();
formData.append('file', file);

axios.post('/upload', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
}).then(response => {
  console.log(response);
}).catch(error => {
  console.log(error);
});

In questo esempio, viene creato un oggetto FormData e viene inserito al suo interno il file da inviare, utilizzando il metodo append(). Successivamente, viene utilizzato il metodo post() di axios per inviare la richiesta verso il server. È importante specificare il tipo di contenuto multipart/form-data nei parametri della richiesta, utilizzando l'header corrispondente.

In conclusione, utilizzando la libreria axios in JavaScript è possibile effettuare facilmente l'upload di un file verso un server.

Torna su