1

画像のアップロードに使用されるinputtype='file'を含むいくつかのフィールドを持つフォームがあります。
このフィールドで選択した画像のサイズを変更する方法を探していますが、すぐにはアップロードしません。

次のプロセスを教えるチュートリアルをいくつか読みました。1-
ファイルフィールドで「onchange」イベントを使用して画像をキャッチします。
2-目的の画像サイズでキャンバス要素を作成します。
3-キャンバス要素に画像を描画し、その内容を読み取ります。
4-FormDataを使用して画像データを非同期(ajax)で送信します。

手順3まで同じことを行い、ユーザーがフォームの送信ボタンをクリックしたときに、サイズ変更された画像を他のフィールドと一緒に送信したいと思います。

誰かが何か考えを持っていますか?
ありがとう!

追伸:ALMOSTが私が望むことを実行するいくつかの投稿:
http :
//coding.pressbin.com/84/File-API-Resize-photo-before-upload/HTML5キャンバスでの画像のサイズ変更

4

1 に答える 1

1

スペースを節約するために画像のサイズを変更したい場合は、http: //www.researchandtechnology.net/bcif/を試してください。

これはJavaScriptの画像圧縮アルゴリズムです。

また、これは役立つかもしれません:Javascriptロスレス画像圧縮

また、他のフォームアイテムに含めるには、 base64で画像をエンコードします。javascriptを使用して画像をbase64文字列に変換する方法

そしてそれを文字列として送信します

これを行おうとしない場合は、詳細を教えてください。

于 2012-07-31T15:25:07.497 に答える