React FCで画像ファイルを『Content-type: multipart/form-data』でPOSTする方法(axios) - Qiita

案件でPOSTする際、 『Content-type: form-data』で送信する機会があったので、まとめます。 ボタン部分はマテリアルUIを使っています、初見の方は細かく気にしなくても大丈夫です 環境 react 16.12.0 typescript 3.7.3 material-ui/core 4.8.0(Buttonに使用) したいこと inputで選択したファイルをstateにセット、セットしたファイルを POSTする 全体 const IconUpload: FC = () => { const [userIconFormData, setUserIconFormData] = useState<File>() const handleSetImage = (e: ChangeEvent<HTMLInputElement>) => { if (!e.target.files)