SpringMVC ajax技术无刷新文件上传下载删除示例
参考
Spring MVC中上传文件实例
SpringMVC结合ajaxfileupload.js实现ajax无刷新文件上传
Spring MVC 文件上传下载 （FileOperateUtil.java 压缩，重命名工具类）
controller代码
@Controller @RequestMapping(value = "/file") public class FileController extends BaseController { /** * 上传文件 * * @return JSON * @throws Exception */ @ResponseBody @RequestMapping(value = "/upload") public Message upload(HttpServletRequest request, HttpServletResponse response) throws Exception { logBefore(logger, "上传文件"); Message message = new Message(); PageData pd = new PageData(); pd = this.getPageData(); // 这里实现文件上传操作用的是commons.io.FileUtils类,它会自动判断/upload是否存在,不存在会自动创建 String realPath = request.getSession().getServletContext() .getRealPath("/upload/file"); logBefore(logger, "realPath: " + realPath); // 上传文件的原名(即上传前的文件名字) String originalFilename = null; // 如果只是上传一个文件,则只需要MultipartFile类型接收文件即可,而且无需显式指定@RequestParam注解 // 如果想上传多个文件,那么这里就要用MultipartFile[]类型来接收文件,并且要指定@RequestParam注解 // 上传多个文件时,前台表单中的所有<input // type="file"/>的name都应该是file,否则参数里的file无法获取到所有上传的文件 MultipartFile file = FileUpload.getMultipartFileByName(request, "file"); if (file.isEmpty()) { message.response = ResponseStatus.FAILED.getStatus(); message.message = "请选择文件后上传!"; } else { originalFilename = file.getOriginalFilename(); logBefore(logger, "文件原名: " + originalFilename); logBefore(logger, "文件名称: " + file.getName()); logBefore(logger, "文件长度: " + file.getSize()); logBefore(logger, "文件类型: " + file.getContentType()); logBefore(logger, "========================================"); try { // 这里不必处理IO流关闭的问题,因为FileUtils.copyInputStreamToFile()方法内部会自动把用到的IO流关掉 // 此处也可以使用Spring提供的MultipartFile.transferTo(File dest)方法实现文件的上传 FileUtils.copyInputStreamToFile(file.getInputStream(), new File(realPath, originalFilename)); } catch (IOException e) { logBefore(logger, "文件[" + originalFilename + "]上传失败,堆栈轨迹如下"); e.printStackTrace(); message.response = ResponseStatus.FAILED.getStatus(); message.message = "出错，服务器繁忙，请稍后再试。"; } } //System.out.println(request.getContextPath() + "/upload/" + originalFilename); message.response = ResponseStatus.SUCCESS.getStatus(); message.message = "上传成功！"; return message; } /** * 单条记录删除 * * @return JSON * @throws Exception */ @ResponseBody @RequestMapping(value = "/delete") public Message delete() { logBefore(logger, "删除文件"); PageData pd = new PageData(); Message message = new Message(); String file_id = (String) pd.get("file_id"); // 获取对应文件名和地址 String filePath = ""; //TODO:删除本地文件，删除数据库记录 try { pd = this.getPageData(); AccidentService.delete(pd); message.response = ResponseStatus.SUCCESS.getStatus(); message.message = "删除成功"; } catch (Exception e) { logger.error(e.toString(), e); message.response = ResponseStatus.FAILED.getStatus(); message.message = "出错，服务器繁忙，请稍后再试。"; } return message; } /** * 获取数据列表页 * * @param page * 页面请求对象 * @return 跳转页面 */ @RequestMapping(value = "/list") public ModelAndView list(HttpServletRequest request, Page page) { logBefore(logger, "列表File"); // if(!Jurisdiction.buttonJurisdiction(menuUrl, "cha")){return null;} // //校验权限 ModelAndView mv = this.getModelAndView(); PageData pd = new PageData(); //文件储存地址 //String realPath = request.getSession().getServletContext() .getRealPath("/upload/file"); //TODO：获取数据库文件信息 try { pd = this.getPageData(); mv.setViewName("security/files/file_list"); mv.addObject(Const.SESSION_QX, this.getHC()); // 按钮权限 } catch (Exception e) { logger.error(e.toString(), e); } return mv; } /** * 下载文件 * * @param page * 页面请求对象 * @return 跳转页面 * @throws IOException */ @RequestMapping(value = "/download") public ResponseEntity<byte[]> download(HttpServletRequest request, HttpServletResponse response, Page page) throws IOException { logBefore(logger, "下载File"); PageData pd = new PageData(); String file_id = (String) pd.get("file_id"); // 获取对应文件名和地址 String fileName = "1.1.1关于印发《交运集团2016年安全生产工作意见》的通知.doc"; // fileName = "222"; String filePath = request.getServletContext().getRealPath( "/upload/file") + "\\1.doc"; logBefore(logger, "fileName: " + fileName); logBefore(logger, "filePath: " + filePath); File file = new File(filePath); try { fileName = new String(fileName.getBytes("UTF-8"), "iso-8859-1");// 为了解决中文名称乱码问题 } catch (UnsupportedEncodingException e) { e.printStackTrace(); } // 下载文件 HttpHeaders headers = new HttpHeaders(); headers.setContentDispositionFormData("attachment", fileName); headers.setContentType(MediaType.APPLICATION_OCTET_STREAM); try { return new ResponseEntity<byte[]>( FileUtils.readFileToByteArray(file), headers, HttpStatus.CREATED); } catch (IOException e) { e.printStackTrace(); return null; } } }
其中一个FileUpload类的代码
package com.jiaoyun.util; import java.io.File; import java.io.IOException; import java.io.InputStream; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import javax.servlet.http.HttpServletRequest; import org.apache.commons.io.FileUtils; import org.springframework.web.multipart.MultipartFile; import org.springframework.web.multipart.MultipartHttpServletRequest; import org.springframework.web.multipart.commons.CommonsMultipartResolver; /** * 上传文件 创建人：James 创建时间：2014年12月23日 * * @version */ public class FileUpload { /** * @param file * //文件对象 * @param filePath * //上传路径 * @param fileName * //文件名 * @return 文件名 */ public static String fileUp(MultipartFile file, String filePath, String fileName) { String extName = ""; // 扩展名格式： try { if (file.getOriginalFilename().lastIndexOf(".") >= 0) { extName = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")); } copyFile(file.getInputStream(), filePath, fileName + extName).replaceAll("-", ""); } catch (IOException e) { System.out.println(e); } return fileName + extName; } /** * 写文件到当前目录的upload目录中 * * @param in * @param fileName * @throws IOException */ private static String copyFile(InputStream in, String dir, String realName) throws IOException { File file = new File(dir, realName); if (!file.exists()) { if (!file.getParentFile().exists()) { file.getParentFile().mkdirs(); } file.createNewFile(); } System.out.println(file.getAbsolutePath()); FileUtils.copyInputStreamToFile(in, file); return realName; } /** * @param request * //requst请求 * @param filePath * //上传路径 * @param fileName * //文件名 * @return 文件名 * @throws IOException * @throws IllegalStateException */ public static String upload(HttpServletRequest request, String filePath, String fileName) throws IllegalStateException, IOException { String extName = ""; // 扩展名格式： String path = ""; CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver( request.getSession().getServletContext()); // 判断 request 是否有文件上传,即多部分请求 if (multipartResolver.isMultipart(request)) { // 转换成多部分request MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request; // 取得request中的所有文件名 Iterator<String> iter = multiRequest.getFileNames(); while (iter.hasNext()) { // 取得上传文件 MultipartFile file = multiRequest.getFile(iter.next()); if (file != null) { // 取得当前上传文件的文件名称 String myFileName = file.getOriginalFilename(); // 如果名称不为“”,说明该文件存在，否则说明该文件不存在 if (myFileName.trim() != "") { // 重命名上传后的文件名 if (file.getOriginalFilename().lastIndexOf(".") >= 0) { extName = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")); } // 定义上传路径 path = filePath + "/" + fileName + extName; // System.out.println("---------------------"); // System.out.println(path); // System.out.println("---------------------"); File localFile = new File(path); file.transferTo(localFile); } } } } return extName; } /** * @param request * //requst请求 * @param filePath * //上传路径 * @param fileName * //文件名 * @return 文件名 * @throws IOException * @throws IllegalStateException */ public static String[] uploadMultiple(HttpServletRequest request, String filePath, String[] fileName) throws IllegalStateException, IOException { String[] extName = new String[fileName.length]; // 扩展名格式： String path = ""; CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver( request.getSession().getServletContext()); // 判断 request 是否有文件上传,即多部分请求 if (multipartResolver.isMultipart(request)) { // 转换成多部分request MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request; // 取得request中的所有文件名 Iterator<String> iter = multiRequest.getFileNames(); int i = 0; while (iter.hasNext()) { // 取得上传文件 MultipartFile file = multiRequest.getFile(iter.next()); if (file != null) { // 取得当前上传文件的文件名称 String myFileName = file.getOriginalFilename(); // 如果名称不为“”,说明该文件存在，否则说明该文件不存在 if (myFileName.trim() != "") { // 重命名上传后的文件名 if (file.getOriginalFilename().lastIndexOf(".") >= 0) { extName[i] = file.getOriginalFilename() .substring(file.getOriginalFilename().lastIndexOf(".")); } // 定义上传路径 fileName[i] = fileName[i].replace(extName[i], ""); path = filePath + "/" + fileName[i] + extName[i]; // path = fileName[i] + extName[i]; File localFile = new File(path); file.transferTo(localFile); System.out.println(localFile.getAbsolutePath()); } } i++; } } return extName; } /** * 从request那里得到所有MultipartFile */ public static List<MultipartFile> getMultipartFileFromRequest(HttpServletRequest request) throws IllegalStateException, IOException { List<MultipartFile> fileList = new ArrayList<MultipartFile>(); CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver( request.getSession().getServletContext()); // 判断 request 是否有文件上传,即多部分请求 if (multipartResolver.isMultipart(request)) { // 转换成多部分request MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request; // 取得request中的所有文件名 Iterator<String> iter = multiRequest.getFileNames(); while (iter.hasNext()) { MultipartFile file = multiRequest.getFile(iter.next()); System.out.println(file.getName()+"11111111111"); if (file != null && file.getSize() > 0) { fileList.add(file); } } } return fileList; } /** * @Description:删除文件 */ public static void deleteFile(String bucketName, String key) { return; } public static void deleteFile(String bucketName) { return; } /** * 从request那里得到所有MultipartFile */ public static MultipartFile getMultipartFileByName(HttpServletRequest request,String name) throws Exception { MultipartFile file=null; CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver( request.getSession().getServletContext()); // 判断 request 是否有文件上传,即多部分请求 if (multipartResolver.isMultipart(request)) { // 转换成多部分request MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request; // 取得request中的所有文件名 Iterator<String> iter = multiRequest.getFileNames(); while (iter.hasNext()) { file = multiRequest.getFile(iter.next()); if (file != null&&file.getName().equals(name)) { return file; } } } return file; } /** * 根据文件得到后缀名 * @param file * @return */ public static String getExtNameByString(String file){ String extName=""; if (file.lastIndexOf(".") >= 0){ extName = file.substring(file.lastIndexOf(".")); } return extName; } public static String getExtName(MultipartFile file){ String extName=""; if (file.getOriginalFilename().lastIndexOf(".") >= 0){ extName = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")); } return extName; } }
html前台页面代码
上传按钮
<a class="btn red btn-circle btn-sm" href="javascript:importData('file/upload');"> 上传文件 <i class="fa fa-upload"></i> </a> <script> function importData(url) { dialog = bootbox.confirm({ title : '请选择文件', message : '<form id="uploadFileForm" class="form-horizontal"><input type="file" name="file" value="选择文件" id="uploadFileInput" class="btn sbold green"/></form>', buttons: { confirm: { label: '上传', className: 'btn-success' }, cancel: { label: '取消', className: 'btn-danger' } }, callback: function (result) { if(result){ var formData = new FormData($( "#uploadFileForm" )[0]); $.ajax({ type: "POST", url: url, data: formData, dataType:'json', async: false, cache: false, contentType: false, //必须false才会自动加上正确的Content-Type processData: false, //必须false才会避开jQuery对 formdata 的默认处理 error: function(request) { bootbox.alert("网络异常"); }, success: function(data){ if (data.response == 'true') { bootbox.alert("上传成功!"); $table.bootstrapTable('refresh'); dialog.modal('hide'); } else { bootbox.alert(data.message); } } }); } } }); } </script>
下载按钮
<a class="btn default" id="demo_1" href="file/download?file_id=1" target="_blank"> 下载文件 <i class="fa fa-download"></i> </a>
删除按钮
<a class="btn red" id="demo_1" href="file/delete?file_id=1"> 删除文件 <i class="fa fa-remove"></i> </a>
