這篇文章主要介紹“Ajax怎么實現(xiàn)文件上傳功能”，在日常操作中，相信很多人在Ajax怎么實現(xiàn)文件上傳功能問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”Ajax怎么實現(xiàn)文件上傳功能”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

為大豐等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及大豐網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都做網(wǎng)站、網(wǎng)站制作、大豐網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

前端表單 和 JQuery jsp/html代碼

使用JQury

<script src="static/js/jquery-3.4.1.js"></script>

前端表單

<form id="form-avatar" enctype="multipart/form-data">
 <p>請選擇要上傳的文件：</p>
 
 <p><input type="file" name="file" /></p>
 <p><input id="btn-avatar" type="button" value="上傳" /></p>
</form>

ajax請求服務(wù)器

<script>
 function uploadfile(){
  $.ajax({
   url : "/url/upload",
   data: new FormData($("#form-avatar")[0]),
   type : "POST",
   // 告訴jQuery不要去處理發(fā)送的數(shù)據(jù)，用于對data參數(shù)進行序列化處理 這里必須false
   processData : false,
   // 告訴jQuery不要去設(shè)置Content-Type請求頭
   contentType : false,

   success : function(json) {
    alert("執(zhí)行成功");
   },
   error : function(json) {
    alert("執(zhí)行失敗");

   }
  });
 }
 $("#btn-avatar").on("click",uploadfile);
</script>

Conroller.java

@PostMapping("/upload")
 public void fileUpload2(@RequestParam("file") CommonsMultipartFile file, HttpServletRequest request) throws IOException {
  System.out.println("走了");
  //上傳路徑保存設(shè)置
  String path = request.getServletContext().getRealPath("/upload");
  File realPath = new File(path);
  if (!realPath.exists()) {
   realPath.mkdir();
  }
  //上傳文件地址
  System.out.println("上傳文件保存地址：" + realPath);

  //通過CommonsMultipartFile的方法直接寫文件（注意這個時候）
  file.transferTo(new File(realPath + "/" + file.getOriginalFilename()));

 }

結(jié)果

到此，關(guān)于“Ajax怎么實現(xiàn)文件上傳功能”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

分享題目：Ajax怎么實現(xiàn)文件上傳功能
網(wǎng)站鏈接：http://chinadenli.net/article2/ggphoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、服務(wù)器托管、軟件開發(fā)、網(wǎng)站設(shè)計公司、網(wǎng)站設(shè)計、域名注冊

廣告

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