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

最新推荐文章于 2024-06-02 18:53:06 发布

zz_cl

最新推荐文章于 2024-06-02 18:53:06 发布

阅读量6.6k

点赞数 1

分类专栏： java 文章标签：插件 jquery uploadify java

本文链接：https://blog.csdn.net/zz_cl/article/details/52742721

版权

java 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

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;

@Controller
public 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;
	}
}

zz_cl

关注

1
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
0
评论
uploadify+java实现多文件上传和预览

1、下载uploadify插件2、index.html/js/uploadify-v3.1/jquery.uploadify-3.1.js">/js/uploadify-v3.1/uploadify.css" rel="stylesheet" type="text/css" />#uploader { position: relative;}#uploader
复制链接

扫一扫