Spring MVC+localResizeimgを使用して、HTML5画像圧縮アップロードの関数を実装する

最近、モバイルHTML5アプリケーションを使用しています。遅い。

私はインターネット上で長い間圧縮フレームワークを見つけたので、ここでそれを共有します。

localresizeimgはgithubに配置されます。アドレスはhttps://github.com/think2011/localresizeimgです。

Declaze localresizeimgを圧縮し、ディレクトリ内の遠位フォルダーをプロジェクトにコピーし、JSディレクトリに置きます。

次に、jqueryとlocalresizeimg jsを独自のJSにインポートします。のように：

 <Span style = white-point：pre> </span> <script src = <c：url value =/js/jquery/jquery-1.10.0.min.js/>> </scan style = white -space： pre> </span> <script type = text/javascript src = <c：url value =/js/lrz/distal/lrz.bundle.js/>> </script>

 <入力タイプ=ファイルID = PayFile name = myfile style = display：none = filechange（this） />

Filechangeメソッドでコードの圧縮を実装し、バックグラウンドに圧縮された後に生成されたBase64の非同期伝送を実装します

filechange（that）{var filepath（that）; if（.jpg | .png | .bmp | .jpeg.touppercase（）。 } //画像幅を800で使用してLRZを圧縮します（that.files [0]、{width：800}）。thenction（function（rst）{//圧縮後の$ .ajaxの非同期$ .ajax（{url ：<％= request.getContextPath（）％>/common/fileuploAdpiction、type：post、data：{imgdata：rst.base64 //圧縮ベース値}、データ型：json、キャッシュ：fals e、async：false、success： function（data）{data.success）{alert（data.message）;メッセージは、アップロード障害の原因}}、error：function（）{alert（upload failed）;}）;};};}です。}

sun.misc.base64decoderをインポートします。 upload（fileuploadpiction）] [imgdata = +imgdata +];現在のエンジニアリングルートディレクトリファイル=新しいファイル（IMGPATH）; ）[1]） ;}} outputStream.write（result）;} catch（appexception e1）{[file upload（fileupload）-fastdfs] [エラー： + e1 +]）; result（false、file upload failed）;} catch（exceps e）{logler.error（[fileupload）] [error： + e +]）; （）; outputstream.close（）;}}

結果クラス：

 java.io.serializableをインポートします。 .success = success; this.message = message;} public boolean success（）{return success;} public void setsuccess（boolean success）{thi s.success = success;} public string getmessage（）{return messag setMessage（string message）{this.message = message;} @override public string toString（）{return result [success = + success +、message = + message +];}}}

上記はすべての手順です。誰もが多くのコメントをすることを願っています。