1.在jsp頁面<head>標籤內引入script文件(注意順序)
<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"> <property name="maxUploadSize" value="10485760" /> </bean>
3.<input>標籤(id屬性,<script>中ajaxFileUpload的fileElementId會用到)
<input type="file" id="headImg" name="headImg"/>
4.在<script>標籤中,我將ajaxFileUpload寫在一個函數里,在需要用到上傳圖片的位置,調用該函數
function headImgUpload(){ //圖片上傳函數var results = ""; var account = $("#account").val(); //account、identity 這兩個變量,根據我的需求會在後面用到,閱讀者可以根據自己的需求刪掉或者修改這兩個變量var identity = $("input[name='identity']:checked").val(); $.ajaxFileUpload({ url:"register/headImgUpload?account="+account+"&identity="+identity,//根據url訪問controller層中的方法secureuri:false, fileElementId:"headImg", //<input>標籤中的id屬性type:"POST", dataType:"text", //服務器返回的數據類型success:function (result) { result = result.replace(/<pre.*?>/g, ''); //ajaxFileUpload會對服務器響應回來的text內容加上<pre style="....">text</pre>前後綴result = result.replace(/<PRE.*?>/g, ''); result = result.replace("<PRE>", ''); result = result.replace("</PRE>", ''); result = result.replace("<pre>", ''); result = result.replace("</pre>", ''); result = JSON.parse(result);//轉換為json格式results = result.result; alert(result); }, error:function (data,status,error) { alert("失敗!!!"+error); } });}5.controller層
@Controller@RequestMapping(value = "register")public class RegisterController { //用戶頭像上傳@RequestMapping(value = "/headImgUpload",method = RequestMethod.POST) @ResponseBody public Map<String,Object> headImgUpload(@RequestParam MultipartFile headImg, String account, String identity, HttpServletRequest request){ //上傳的結果String result = "fail"; //頭像上傳到的位置String imgRealPath = ""; try{ //確保上傳的圖片不為空if(headImg != null && !headImg.isEmpty()){ //判斷註冊用戶的身份,商戶還是會員if(identity.equals("member")){ //會員imgRealPath = request.getSession().getServletContext().getRealPath("/resources/image/member"); }else if(identity.equals("businessman")){ //商戶imgRealPath = request.getSession().getServletContext().getRealPath("/resources/image/businessman"); } System.out.println(imgRealPath);//在控制台打印一下路徑//上傳完成後保存的文件名String fileName= account + ".jpg"; //文件夾不存在的話,新建一個File fileFolder = new File(imgRealPath); if(!fileFolder.exists()){ fileFolder.mkdirs(); } File file = new File(fileFolder,fileName); //transferTo(),springMVC的方法,用於圖片上傳時,將內存中的圖片寫入磁盤headImg.transferTo(file);//會報IO異常result = "success"; } }catch (IOException e){ e.printStackTrace(); } Map<String,Object> resultMap = new HashMap<String,Object>(); resultMap.put("result",result); return resultMap; }}總結
以上所述是小編給大家介紹的springMVC使用ajaxFailUpload上傳圖片,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!