springMVC使用ajaxFailUpload上傳圖片的方法

1.在jsp頁(yè)面<head>標(biāo)簽內(nèi)引入script文件(注意順序)

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、林州網(wǎng)絡(luò)推廣、微信平臺(tái)小程序開發(fā)、林州網(wǎng)絡(luò)營(yíng)銷、林州企業(yè)策劃、林州品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供林州建站搭建服務(wù),24小時(shí)服務(wù)熱線:13518219792,官方網(wǎng)址:bm7419.com

  <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配置文件中(必須進(jìn)行配置)

 <!--使用springMVC上傳圖片 ajaxFileUpload-->
  <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <property name="maxUploadSize" value="10485760" />
  </bean>

3.<input>標(biāo)簽(id屬性,<script>中 ajaxFileUpload的fileElementId會(huì)用到)

 <input type="file" id="headImg" name="headImg"/>

4.在<script>標(biāo)簽中,我將ajaxFileUpload寫在一個(gè)函數(shù)里,在需要用到上傳圖片的位置,調(diào)用該函數(shù)

function headImgUpload(){ //圖片上傳函數(shù)
  var results = "";
  var account = $("#account").val(); //account、identity 這兩個(gè)變量,根據(jù)我的需求會(huì)在后面用到,閱讀者可以根據(jù)自己的需求刪掉或者修改這兩個(gè)變量
  var identity = $("input[name='identity']:checked").val();
  $.ajaxFileUpload({
    url:"register/headImgUpload?account="+account+"&identity="+identity,//根據(jù)url訪問controller層中的方法
    secureuri:false,
    fileElementId:"headImg", //<input>標(biāo)簽中的id屬性
    type:"POST",
    dataType:"text", //服務(wù)器返回的數(shù)據(jù)類型
    success:function (result) {
      result = result.replace(/<pre.*?>/g, ''); //ajaxFileUpload會(huì)對(duì)服務(wù)器響應(yīng)回來的text內(nèi)容加上<pre >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);//轉(zhuǎn)換為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){
    //上傳的結(jié)果
    String result = "fail";
    //頭像上傳到的位置
    String imgRealPath = "";
    try{
      //確保上傳的圖片不為空
      if(headImg != null && !headImg.isEmpty()){
        //判斷注冊(cè)用戶的身份,商戶還是會(huì)員
        if(identity.equals("member")){
          //會(huì)員
          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);//在控制臺(tái)打印一下路徑
        //上傳完成后保存的文件名
        String fileName= account + ".jpg";
        //文件夾不存在的話,新建一個(gè)
        File fileFolder = new File(imgRealPath);
        if(!fileFolder.exists()){
          fileFolder.mkdirs();
        }
        File file = new File(fileFolder,fileName);
        //transferTo(),springMVC的方法,用于圖片上傳時(shí),將內(nèi)存中的圖片寫入磁盤
        headImg.transferTo(file);//會(huì)報(bào)IO異常
        result = "success";
      }
    }catch (IOException e){
      e.printStackTrace();
    }
    Map<String,Object> resultMap = new HashMap<String,Object>();
    resultMap.put("result",result);
    return resultMap;
  }
}

總結(jié)

以上所述是小編給大家介紹的springMVC使用ajaxFailUpload上傳圖片,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持!

本文名稱:springMVC使用ajaxFailUpload上傳圖片的方法
網(wǎng)站地址:http://bm7419.com/article20/gegdco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)微信小程序、動(dòng)態(tài)網(wǎng)站、云服務(wù)器、定制網(wǎng)站、網(wǎng)站收錄

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作