<input type="file">で選択したファイルのサイズを取得する

最近使ったtipsを1つずつブログにまとめておこうと思う。1つ目はで選択したファイルのサイズを取得する方法。以下、React + TypeScriptでのサンプルコード。

const onChangeFile = (e: React.ChangeEvent<HTMLInputElement>) => {
  const fileSize = e.target?.files?.[0]?.size;
  console.log(fileSize + " Bytes");
}

// …(中略)…

<input type="file" onChange={onChangeFile} />