画像のアップロードに使用されるinputtype='file'を含むいくつかのフィールドを持つフォームがあります。
このフィールドで選択した画像のサイズを変更する方法を探していますが、すぐにはアップロードしません。
次のプロセスを教えるチュートリアルをいくつか読みました。1-
ファイルフィールドで「onchange」イベントを使用して画像をキャッチします。
2-目的の画像サイズでキャンバス要素を作成します。
3-キャンバス要素に画像を描画し、その内容を読み取ります。
4-FormDataを使用して画像データを非同期(ajax)で送信します。
手順3まで同じことを行い、ユーザーがフォームの送信ボタンをクリックしたときに、サイズ変更された画像を他のフィールドと一緒に送信したいと思います。
誰かが何か考えを持っていますか?
ありがとう!
追伸:ALMOSTが私が望むことを実行するいくつかの投稿:
http :
//coding.pressbin.com/84/File-API-Resize-photo-before-upload/HTML5キャンバスでの画像のサイズ変更