最近、モバイルHTML5アプリケーションを使用しています。遅い。
私はインターネット上で長い間圧縮フレームワークを見つけたので、ここでそれを共有します。
ステップ1:localresizeimgをダウンロードしますlocalresizeimgはgithubに配置されます。アドレスはhttps://github.com/think2011/localresizeimgです。
ステップ2:WebエンジニアリングにLocalResizeimg関連のJSを紹介します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>ステップ3:OnChangeイベントを、独自のアップロードの入力のファイルボックスに追加します。
<入力タイプ=ファイル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);});};};}です。}ステップ4:スプリングMVCコントローラーは、バックグラウンドと解析および保存ファイルのベース値を受け取ります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 +];}}}上記はすべての手順です。誰もが多くのコメントをすることを願っています。