Firebaseを使わずにブラウザ上でローカル画像をリサイズ【canvasのdrawImage()をReactで利用した方法】 - Qiita

FileReaderを使ってローカルにある画像をアップロードさせる機能の作り方を実装します。 この記事をベースにした別記事も用意しています 準備中：Firebaseを使わずにブラウザ上でローカル画像のサイズをリサイズする new Image() のcanvasを利用した方法 完成品 ソースコード：https://codesandbox.io/s/react-img-upload-e4q8s?file=/src/App.js 無駄な要素は極力はぶいた簡素なアップローダーにしました。 FileReaderを使って実装 import { useState } from "react"; import "./styles.css"; const App = () => { const [uploadImg, setUploadImg] = useState(""); const handleUpl