1. JSPページ<head>タグにスクリプトファイルを紹介します(注文に注意)
<script type = "text/javascript" src = "resources/js/jquery-3.3.1.min.js"> </script> <script type = "text/javascript" src = "resources/js/ajaxfileupload.js"> </script>
2.springmvc.xml構成ファイル(構成する必要があります)
<! - springmvc ajaxfileuploadを使用して画像をアップロードします - > <bean id = "multipartresolver"> <プロパティ名= "maxuploadsize" value = "10485760" /> < /bean> < /bean>
3。<inupt> tag(id属性、<script>のajaxfileuploadのfileElementidが使用されます)
<入力型= "file" id = "headimg" name = "headimg"/>
4。<script>タグで、ajaxfileuploadを関数に書き込み、アップロード画像が必要な場所で関数を呼び出します。
function headimgupload(){//画像アップロード機能var results = ""; var account = $( "#アカウント")。val(); //アカウントとIDの2つの変数は、私のニーズに応じて後で使用されます。読者は、自分のニーズに応じてこれらの2つの変数を削除または変更できますvar Identity = $( "input [name = 'ID]:checked")。val(); $ .ajaxfileupload({url: "register/headimgupload?account ="+account+"&identy ="+識別、//コントローラーレイヤーのメソッドは、url secureuri:fals、fileElementid: "headimg"、// id属性> <input> "" post "" post "" "post ot>" "" post属性>成功:function(result){result.replace(/<pre。*?>/g、 ''); result.replace = resuplace( "</pre>); }});}5。コントローラーレイヤー
@controller @requestmapping(value = "Register")public class RegisterController {//ユーザーAvatar upload @RequestMapping(value = "/headimgupload"、method = requestmethod.post) @responsebodyパブリックマップ// result string result = "fail"をアップロードします。 //アバターがアップロードされている場所String imgrealPath = ""; {//アップロードされた画像が空でないことを確認してください(headimg!= null &&!headimg.isempty()){//登録ユーザー、商人またはメンバーの識別を判断しますif( "メンバー("メンバー ")){//メンバーimgrealpath = request.getsession()。 } else if(Identity.equals( "Businessman")){// merchant imgrealpath = request.getSession()。getServletContext()。getRealPath( "/resources/image/member"); } else if(Identity.equals( "Businessman")){// merry imgrealpath = request.getSession()。getServletContext()。getRealPath( "/resources/image/businessman"); } system.out.println(imgrealpath); //コンソールのパスを印刷//アップロードが完了した後に保存されたファイル名を文字列filename = account + ".jpg"; //フォルダーが存在しない場合は、新しいファイルfilefolder = new file(imgrealPath)を作成します。 if(!filefolder.exists()){filefolder.mkdirs(); } file file = new file(filefolder、filename); // TransferTo()、SpringMVCメソッドを使用して、画像をアップロードするときにメモリに画像を記憶してディスクに書き込みます。 }} catch(ioexception e){e.printstacktrace(); } map <string、object> resultmap = new hashmap <string、object>(); resultmap.put( "result"、result); return resultmap; }}要約します
上記は、編集者があなたに紹介したものです。 SpringMVCはAjaxFailuploadを使用して写真をアップロードします。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!