uploadify+java实现多文件上传和预览

来源：互联网发布：python参考手册第5版编辑：程序博客网时间：2024/06/03 09:25

1、下载uploadify插件

2、index.html

<!DOCTYPE html><html lang="en"><head><@head/><script src="<@path/>/js/uploadify-v3.1/jquery.uploadify-3.1.js"></script><link href="<@path/>/js/uploadify-v3.1/uploadify.css" rel="stylesheet" type="text/css" /><style type="text/css">#uploader {position: relative;}#uploader_queue {position: absolute;width: 600px;left: 200px;top: 0;}</style><script type="text/javascript">$(function() {$("#file_upload").uploadify({'auto' : false,'method' : "get",'formData' : {'folder' : 'file'},'height' : 30,'swf' : '<@path/>/js/uploadify-v3.1/uploadify.swf', // flash'uploader' : '<@path/>/uploadAttach.do', //'width' : 120,'fileTypeDesc' : 'ֻ支持多种文件格式','fileTypeExts' : '.dat;.264;.h264;.mp4;.dav;.MP4;.AVI;.ts;.avi;'+ '.mpg;.rmvb;.flv;.rm;.mov;.wmv;.JPG;.bmp;.png;.BMP;.jpg;.PNG;'+ '.gif;.xlsx;.xls;.txt;.pdf;.doc;.docx;.rar;.zip;.7z','fileSizeLimit' : '800KB','buttonText' : '选择文件','uploadLimit' : 5,'successTimeout' : 5,'requeueErrors' : false,'removeTimeout' : 10,'removeCompleted' : false,'queueSizeLimit' : 10,'queueID' : 'uploader_queue','progressData' : 'speed','onInit' : function() {},'onUploadSuccess' : function(file, data, response) {$("#uploader_view").append('<img height="60" alt="" src="<@path/>/upload/'+ encodeURI(data)+ '"/><br/><br/>');},'onQueueComplete' : function(queueData) {$('#uploader_msg').html(queueData.uploadsSuccessful+ '个文件上传成功<br/>');}});});</script></head><body class=""><@header/><br /><br /><br /><br /><div id="uploader"><p><input type="file" name="file_upload" id="file_upload" /></p><a href="javascript:$('#file_upload').uploadify('upload','*')">上传</a> <a href="javascript:$('#file_upload').uploadify('stop')">取消上传</a><div id="uploader_queue"></div><div id="uploader_msg"></div><div id="uploader_view"></div></div><br /><br /><br /><br /> <@footer/></body></html>

3、java文件

package com.frame.core.ctrl;import java.io.File;import java.io.FileNotFoundException;import java.io.FileOutputStream;import java.io.IOException;import java.io.PrintWriter;import java.util.Date;import java.util.Map;import java.util.UUID;import javax.servlet.ServletException;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import org.apache.log4j.Logger;import org.springframework.stereotype.Controller;import org.springframework.ui.ModelMap;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.multipart.MultipartFile;import org.springframework.web.multipart.MultipartHttpServletRequest;import org.springframework.web.servlet.ModelAndView;@Controllerpublic class loginCtrl {private static Logger log = Logger.getLogger(loginCtrl.class);@RequestMapping(value = "/goindex")public ModelAndView goindex() {ModelAndView mav = new ModelAndView("index");mav.addObject("name", "笑傲江湖");mav.addObject("projectName", "Freemarker框架");return mav;}@RequestMapping(value = "/login")public void login(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {request.getSession().setAttribute("username", "身份认证成功");request.getRequestDispatcher("/index.jsp").forward(request, response);  }@RequestMapping("/uploadAttach")public void processUploadDir(ModelMap modelMap,MultipartHttpServletRequest request, PrintWriter writer) throws Exception {Map<String, MultipartFile> fileMap = request.getFileMap();String path = request.getSession().getServletContext().getRealPath("/");;System.out.println("path:"+path);Date currentTime = new Date();long prefix = currentTime.getTime();StringBuffer attachIds = new StringBuffer();for (Map.Entry<String, MultipartFile> f : fileMap.entrySet()) {MultipartFile file = f.getValue();if (!isLegalFile(file)) {String msg = "is a illegal file";throw new RuntimeException(msg);}String originalFileName = prefix + "_" + file.getOriginalFilename();File fileDir = new File(path + "/upload" + File.separator);if (!fileDir.exists()) {fileDir.mkdirs();}File files = new File(path + "/upload" + File.separator+ originalFileName);FileOutputStream fileOutputStream = null;try {fileOutputStream = new FileOutputStream(files);fileOutputStream.write(file.getBytes());fileOutputStream.flush();attachIds.append(originalFileName + ",");} catch (FileNotFoundException e) {e.printStackTrace();} catch (IOException e) {e.printStackTrace();} catch (Exception e) {e.printStackTrace();} finally {if (fileOutputStream != null) {try {fileOutputStream.close();} catch (IOException e) {e.printStackTrace();}}}}writer.write(attachIds.toString().substring(0,attachIds.toString().length()-1));}private final String[] fileType = new String[]{".dat",".264",".h264",".mp4",".dav",".MP4",".AVI",".ts",".avi",".mpg",".rmvb",".flv",".rm",".mov",".wmv",".JPG",".bmp",".png",".BMP",".jpg",".PNG",".gif",".xlsx",".xls",".txt",".pdf",".doc",".docx",".rar",".zip",".7z"};private boolean isLegalFile(MultipartFile file) {String originalFileName =  file.getOriginalFilename();for(String ft : fileType) {if (originalFileName.endsWith(ft)) {return true;}}return false;}}

0 0