0

Web ブラウザのクライアント側で画像のサイズを変更して一時ファイルに保存する方法はありますか?

私が達成しようとしているのは、画像のサイズを最大幅/高さ 1024px に変更し、ローカルに保存してから、サイズ変更した画像をサーバーにアップロードすることです。

その理由は、ユーザーがそれぞれ最大 4 MB の高解像度画像を最大 6 つアップロードできるオンライン アプリを構築しているためです。次に、サーバー上で幅/高さ 1024px にサイズ変更しますが、これは実際には 200kb 程度しかありません。これは、4 MB をアップロードして小さなファイル サイズに変更するだけの無駄なので、サイズを変更して、アップロードする前にクライアント側で一時ファイルを保存する方法があることを願っています。

どんな助けでも感謝します。

4

2 に答える 2

0

最初に必要なのは、アップロードする前にアップロード画像を取得することです。これは、input [type=file]要素のHTML5ファイルプロパティで可能です。

それが行われた場合、JS/HTML5でサイズ変更するために画像データを変更する必要があります-それがどのように機能するかわかりません。

XHRを使用して変更された画像をアップロードできます。

于 2012-04-16T05:12:45.690 に答える
0

HTML5 が使えると思います...ここを回るHTML5 canvas(crop image)

于 2012-04-16T05:05:33.613 に答える