【JavaScript】axiosでformDataを送信する方法！

あきぞらです。

今回は、axiosでformDataを送信する方法を紹介していきます。

formDataでCSVをPOST送信する

formDataを使って、CSVをサーバーにPOST送信してみます。

import axios from 'axios'

const reader = new FileReader()
reader.readAsText(file)
const formData = new FormData()
formData.append('file', file)

const config = {
    headers: {
        'Access-Control-Allow-Origin': '*',
        'content-type': 'multipart/form-data'
    }
}
axios.post(
    <POSTするURL>,
    formData,
    config
);

FileReaderを使って入力されたファイルを読み取っています。

読み取ったファイルをFormDataのなかに「file」というキーにして格納します。