React(Next.js) で画像のプレビュー・圧縮を試す

こんにちは！この記事は GameWith アドベントカレンダー6日目の記事です！ React(Next.js) で画像のプレビューや、圧縮し Firebase Storage へのアップロードなどを試したので書いていこうと思います 画像のプレビュー よくある画像のプレビューは、createObjectURL を利用します ファイルを丸ごと引数で渡して返ってきた URL をそのまま、img の src に渡せば画像が表示されます export default function Create() { const [preview, setPreview] = useState(''); const handleChangeFile = (e) => { const { files } = e.target; setPreview(window.URL.createObjectURL(files