ajax實現文件上傳，多文件上傳，追加參數
阿新 • • 發佈：2017-11-10
bytes meta -- ets throw eal proc cti esp
1.html部分實現代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文件上傳</title>
</head>
<body>
<form id= "uploadForm">
<p >指定文件名： <input type="text" name="filename" value= ""/></p >
<p >上傳文件： <input type="file" name="file1" id="file1" multiple="multiple" /></p>
<p >上傳文件： <input type="file" name="file2" id="file2" /></p>
<p >上傳文件： <input type="file" name="file3" id="file3" /></p>
<input type="button" value="上傳" onclick="doUpload()" />
</form>
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
//
2.後臺部分:
多文件上傳方式處理:
@RequestMapping(value = "/uploadMult", method = RequestMethod.POST) @ResponseBody public String uploadMult(HttpServletRequest request) { // 轉型為MultipartHttpRequest： MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; // 獲得文件： List<MultipartFile> files = multipartRequest.getFiles("file1"); List<MultipartFile> files2 = multipartRequest.getFiles("file2"); List<MultipartFile> files3 = multipartRequest.getFiles("file3"); if (files.isEmpty()) { return "false"; } String path = "F:/test"; for (MultipartFile file : files) { String fileName = file.getOriginalFilename(); int size = (int) file.getSize(); System.out.println(fileName + "-->" + size); if (file.isEmpty()) { return "false"; } else { File dest = new File(path + "/" + fileName); if (!dest.getParentFile().exists()) { // 判斷文件父目錄是否存在 dest.getParentFile().mkdir(); } try { file.transferTo(dest); } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); return "false"; } } } return "true"; }
單個文件上傳方式處理:
@RequestMapping(value = "/upload", method = RequestMethod.POST) @ResponseBody public String upload(@RequestParam("file") MultipartFile file, HttpServletRequest request) { String contentType = file.getContentType(); String fileName = file.getOriginalFilename(); /* * System.out.println("fileName-->" + fileName); * System.out.println("getContentType-->" + contentType); */ String filePath = request.getSession().getServletContext().getRealPath("upload/"); try { uploadFile(file.getBytes(), filePath, fileName); } catch (Exception e) { // TODO: handle exception } // 返回json System.out.println("上傳成功!"); return "true"; } public static void uploadFile(byte[] file, String filePath, String fileName) throws Exception { File targetFile = new File(filePath); if (!targetFile.exists()) { targetFile.mkdirs(); } FileOutputStream out = new FileOutputStream(filePath + fileName); out.write(file); out.flush(); out.close(); }
ajax實現文件上傳，多文件上傳，追加參數