2012-04-16 14 views
0

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

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

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

助けてください。あなたはHTML5を使用することができます

+0

私が知る限り、あなたはできません。代わりにサーバーを使用してください。 – Joseph

+0

できますが、それ以上のサーバー側が必要です。あなたは、JQuery(Ajax)やFlashなどの行を単独で使用する必要があります。あなたはそれをサーバー側で行うほうがよい。シンプルなコード行ですが、どこを見ているのか分かります。 – Homework

+0

ええ、唯一の問題は、イメージが大きすぎてインターネット接続が非常に遅いため、クライアントテストが失敗し続けることです。私はBlueimp画像アップローダを順次アップロードして使用していますが、アップローダの複数のインスタンスが1ページにあり、順次機能は各インスタンス内でのみ動作し、複数では動作しません。 – puks1978

答えて

0

まず必要なことは、アップロードする前に、アップロード画像を取得することです - 可能厥入力[タイプ=ファイル]のHTML5ファイルのプロパティで素子。

JS/HTML5で再生するために画像データを変更する必要がある場合は、それがどのように機能するか分かりません。

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

関連する問題