上面的代碼是我在項(xiàng)目實(shí)際開發(fā)的過程中所用的代碼，具體的CSS文件與JS文件我已經(jīng)刪掉了，但是不會(huì)影響具體的操作，大家使用的時(shí)候只需要把其中的class文件刪掉了就可以了。好了，我們?cè)谡f一說上面的代碼。首先為大家解釋一下ctx的作用，在我們項(xiàng)目開發(fā)的過程中，我們要求必須使用絕對(duì)路徑，所有{ctx}是我們封裝好的一個(gè)東西，就是我們的服務(wù)器地址+端口號(hào)+項(xiàng)目名稱。當(dāng)我們使用的時(shí)候，只需要引用一下文件，就是上面直接使用的<%@ include file=”../commons/taglibs.jsp”%>，當(dāng)我們用的時(shí)候直接使用${ctx}就可以，大家在使用的時(shí)候就直接使用自己的本機(jī)地址端口號(hào)與項(xiàng)目名稱就可以。后面的/resources/new_js/jquery.js就是我們要使用的jqery.js文件的存放地址。
其實(shí)在上面的Ajax的操作中，我相當(dāng)于做了兩次的Ajax的提價(jià)，但是在第一次提交的時(shí)候，后臺(tái)給我們返回一個(gè)參數(shù)，就是我們的文件存放路徑與文件名稱，在第二次提交的時(shí)候，我們將這些參數(shù)與其他參數(shù)同時(shí)上傳到后臺(tái)，并將這些參數(shù)保存到數(shù)據(jù)庫(kù)中，以便我們使用。

* 4 后臺(tái)代碼：

//文件上傳
@RequestMapping(value = "/doUpload", method = RequestMethod.POST, produces = "text/html; charset=UTF-8")
@ResponseBody
 public String doUpload(HttpServletRequest request, HttpServletResponse response) throws IOException {
  List fileNames = null;
  if (request instanceof MultipartHttpServletRequest) {
   // process the uploaded file
   logger.info("=====進(jìn)入文件類型選擇=====");
   fileNames = uploadAttachment(request, "file");
  }
  String url = "";
  if (fileNames.size() > 0) {
   for (int i = 0; i < fileNames.size(); i++) {
    url = url + fileNames.get(i);
    if(i < fileNames.size() - 1){
     url = url + ",";
    }
   }
  }
  return url;
 } 
//文件上傳的工具類
public List uploadAttachment(HttpServletRequest request, String type) throws IOException {
  MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
  List files = multipartRequest.getFiles(type);
  logger.info("數(shù)據(jù)長(zhǎng)度========>>>>>>>>>>" + files.size());
  Calendar now = Calendar.getInstance();
  int year = now.get(Calendar.YEAR);
  int month = now.get(Calendar.MONTH) + 1;
  String realPath = PropertiesUtil.getProperty("realPath");
  System.err.println("realpath=====>>>>>" + realPath);
  //String savePath = request.getSession().getServletContext().getRealPath("/") + "p_image\\" + type + "\\" + year+ "\\" + month + "\\";
  String savePath = "government"+ File.separator + "image"+ File.separator + year+ File.separator + month + File.separator;
  logger.info("保存路徑=====>" + savePath);
  List fileNames = new ArrayList();
  for (MultipartFile multipartFile : files) {
   logger.info("--" + multipartFile.getOriginalFilename());
   String fileName = multipartFile.getOriginalFilename();
   String prefix = fileName.substring(fileName.lastIndexOf(".") + 1);
   String custName = "" + System.currentTimeMillis() + "." + prefix;
   if (UsedUtil.isNotNull(fileName)) {
    File targetFile = new File(realPath+savePath, custName);
    // fileName = year+"-"+month+"-"+fileName;
    if (!targetFile.exists()) {
     targetFile.mkdirs();
     multipartFile.transferTo(targetFile);
    }
    try {
    } catch (Exception e) {
     e.printStackTrace();
    }
    fileNames.add(savePath + custName);
   }
  }
  return fileNames;
 }
//添加咨詢
@RequestMapping(value = "/addInfo", method = RequestMethod.POST)
@ResponseBody
 public Integer addInfo(HttpServletRequest request, HttpServletResponse response,
   @RequestParam String fileUrl) {
  InfoBean bean = new InfoBean();
  if(UsedUtil.isNotNull(fileUrl)){
   bean.setImagePath(fileUrl);
  }
  Map paramMap = ControllerUtil.request2Map(request);
  bean.setTitle((String) paramMap.get("title"));
  bean.setSummary((String) paramMap.get("summary"));
  bean.setContent((String) paramMap.get("content"));
  bean.setTypeId((String)paramMap.get("typeId"));
  return infoService.insInfo(bean);
 }

在上面的代碼中我們可以看到，在文件第一次上傳的過程中，我們首先進(jìn)入到doUpload中，然后使用uploadAttachment工具類，并將文件上傳到服務(wù)器中，在上傳的過程中，我首先做了一個(gè)文件名稱的操作，就是獲取當(dāng)前時(shí)間的毫秒數(shù)，雖然不能絕對(duì)保證，但是到并發(fā)量小的時(shí)候可以保證不會(huì)造成文件名稱重復(fù)。然后，我將文件上傳的路徑的上傳地址寫到了.properties中，這樣的好處是當(dāng)我們想更換文件上傳的路徑時(shí)，我們就可以直接修改.properties文件，而讀取.properties文件的具體方式在我的另一篇文章中講到。最后，我們?cè)陂_發(fā)的過程中，文件保存一般是保存到文件服務(wù)器中，而文件服務(wù)器一般是在Linux中，而在不同的服務(wù)器中，路徑是使用斜杠還是反斜杠是不同的，所有我在這里面使用了File.separator來代替，F(xiàn)ile.separator在不同的系統(tǒng)中可以自動(dòng)生成斜杠獲反斜杠。

以上是“如何使用Ajax進(jìn)行文件與其他參數(shù)的上傳功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！