javascript - S3に送信する前に、フロントエンドのjavascriptで画像のサイズを変更します

Question

ファイルのアップロードに React Dropzone を使用しています。次に、S3 putObject signedURL を生成し、axios を使用して画像を S3 に送信します。

次のようになります。

const {getRootProps, getInputProps} = useDropzone({
  onDrop: (acceptedFiles) => {
    const image = acceptedFiles[0]

    getS3SignedUrl(...)
      .then(path => {
        const options = {...}

        //????

        return axios.put(path, image, options)
      })

  }
})

すべて正常に動作していますが、画像が非常に大きいです。S3に送信する前に、画像の幅/高さを縮小し、縮小して、品質を下げたいと思います。

同様の質問を見ましたが、最善の lib/ 方法がわかりません。

誰かが例を手伝ってくれますか?