javascript - フォームの input type="file" 内に画像を追加し、両方を同じフォームで送信した後にサムネイル画像を生成する方法

Question

ユーザーが写真をアップロードできるフォームがあります。ユーザーがフォームを送信した後、フロントエンドで各画像のサムネイルを生成し、サーバーに保存したいと思います。

セキュリティ上の理由から、ファイル入力フィールドの値を変更することはできません.jsのフロントエンドで生成されたサムネイル画像をサーバーに送信するにはどうすればよいですか?

フォームを送信する前に、入力ファイル フィールドに設定された画像からサムネイルをフロントエンドで生成することはできますか? そして、両方を同時に提出しますか？