无刷新上传文件

最新推荐文章于 2017-03-25 13:21:28 发布

Asher

最新推荐文章于 2017-03-25 13:21:28 发布

阅读量790

点赞数

分类专栏： Java

本文链接：https://blog.csdn.net/hz_blog/article/details/40150769

版权

Java 专栏收录该内容

48 篇文章 0 订阅

订阅专栏

为达到如下效果：

<form id="formFile" name="formFile" method="post" action="${basePath}/fileUpload/upload.do" target="hidden_frame" enctype="multipart/form-data"><input type="file" data-role="none" id="imgFile" name="imgFile" style="display: none;"/>
			<img width="60" height="60" id="fileUp" src="${basePath}/resources/images/upload-bg.png" alt="" /></form><iframe id="hidden_frame" name="hidden_frame" style="display: none;"></iframe>

<span style="white-space:pre">	</span>function callback(d){
		if(d.state==0){
			var imgs=$("#formFile img");
			if(imgs && imgs.length>=3){
				$("#fileUp").attr({src : d.url}).unbind("click");
				return ;
			}
			$("#imgFile").before('<img width="60" height="60" src="'+d.url+'" />'); 
		}
	}
	$("#fileUp").click(function(){
		$("#imgFile").click();
	});
	$("#imgFile").change(function() {
        <span style="white-space:pre">	</span>$("#formFile").submit();
    <span style="white-space:pre">	</span>});

服务器端(Spring MVC)：

import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.Arrays;
import java.util.Date;
import java.util.HashMap;
import java.util.Iterator;
import java.util.List;
import java.util.Random;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONObject;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import cn.com.ll.mobile.common.CommonController;

@Controller
@RequestMapping("/fileUpload")
public class FileUploadController extends CommonController {
	
	@RequestMapping("/upload")
	public void upload(HttpServletRequest request, HttpServletResponse response) throws IOException {
		
		PrintWriter out = response.getWriter();
		String savePath = getServletContext().getRealPath("/") + "attached/";

		//文件保存目录URL
		String saveUrl  = request.getContextPath() + "/attached/";

		//定义允许上传的文件扩展名
		HashMap<String, String> extMap = new HashMap<String, String>();
		extMap.put("image", "gif,jpg,jpeg,png");
//		extMap.put("flash", "swf,flv");
//		extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");
//		extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");

		//最大文件大小
		long maxSize = 10000000;

		response.setContentType("text/html; charset=UTF-8");

		if(!ServletFileUpload.isMultipartContent(request)){
			out.println(getError("请选择文件。"));
			return;
		}
		//检查目录
		File uploadDir = new File(savePath);
		if(!uploadDir.isDirectory()){
			out.println(getError("上传目录不存在。"));
			return;
		}
		//检查目录写权限
		if(!uploadDir.canWrite()){
			out.println(getError("上传目录没有写权限。"));
			return;
		}

		String dirName = request.getParameter("dir");
		if (dirName == null) {
			dirName = "image";
		}
		if(!extMap.containsKey(dirName)){
			
			out.println(getError("目录名不正确。"));
			return;
		}
		//创建文件夹
		savePath += dirName + "/";
		saveUrl += dirName + "/";
		File saveDirFile = new File(savePath);
		if (!saveDirFile.exists()) {
			saveDirFile.mkdirs();
		}
		SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");
		String ymd = sdf.format(new Date());
		savePath += ymd + "/";
		saveUrl += ymd + "/";
		File dirFile = new File(savePath);
		if (!dirFile.exists()) {
			dirFile.mkdirs();
		}

		FileItemFactory factory = new DiskFileItemFactory();
		ServletFileUpload upload = new ServletFileUpload(factory);
		upload.setHeaderEncoding("UTF-8");
		List items = null;
		try {
			items = upload.parseRequest(request);
		} catch (FileUploadException e1) {
			e1.printStackTrace();
		}
		Iterator itr = items.iterator();
		while (itr.hasNext()) {
			FileItem item = (FileItem) itr.next();
			String fileName = item.getName();
			long fileSize = item.getSize();
			if (!item.isFormField()) {
				//检查文件大小
				if(item.getSize() > maxSize){
					out.println(getError("上传文件大小超过限制。"));
					return;
				}
				//检查扩展名
				String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();
				if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){
					out.println(getError("上传文件扩展名是不允许的扩展名。\n只允许" + extMap.get(dirName) + "格式。"));
					return;
				}

				SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");
				String newFileName = df.format(new Date()) + "_" + new Random().nextInt(1000) + "." + fileExt;
				try{
					File uploadedFile = new File(savePath, newFileName);
					item.write(uploadedFile);
				}catch(Exception e){
					out.println(getError("上传文件失败。"));
					return;
				}

				JSONObject obj = new JSONObject();
				obj.put("state", 0);
				obj.put("url", saveUrl + newFileName);
				out.println("<script>window.parent.callback("+obj.toString()+");</script>");
			}
		}
	}
	
	private String getError(String message) {
		JSONObject obj = new JSONObject();
		obj.put("state", 1);
		obj.put("message", message);
		return "<script>window.parent.callback("+obj.toString()+");</script>";
	}
}

struts2版：

<%@page import="org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper"%>
<%@page import="net.sf.json.JSONObject"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*,java.io.*" %>
<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="org.apache.commons.fileupload.*" %>
<%@ page import="org.apache.commons.fileupload.disk.*" %>
<%@ page import="org.apache.commons.fileupload.servlet.*" %>
<%
	try{
		//文件保存目录路径
		String savePath = pageContext.getServletContext().getRealPath("/")+ "/attached/";
		
		//文件保存目录URL
		String saveUrl = request.getContextPath() + "/attached/";
		//定义允许上传的文件扩展名
		HashMap<String, String> extMap = new HashMap<String, String>();
		extMap.put("image", "gif,jpg,jpeg,png,bmp");
		extMap.put("flash", "swf,flv");
		extMap.put("media","swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");
// 		extMap.put("file",
// 				"doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");
	
		//最大文件大小
		long maxSize = 1000000;
	
		response.setContentType("text/html; charset=UTF-8");
	
		if (!ServletFileUpload.isMultipartContent(request)) {
			out.println(getError("请选择文件。"));
			return;
		}
		//检查目录
		File uploadDir = new File(savePath);
		if (!uploadDir.isDirectory()) {
			out.println(getError("上传目录不存在。"));
			return;
		}
		//检查目录写权限
		if (!uploadDir.canWrite()) {
			out.println(getError("上传目录没有写权限。"));
			return;
		}
	
		String dirName = request.getParameter("dir");
		if (dirName == null) {
			dirName = "image";
		}
		if (!extMap.containsKey(dirName)) {
			out.println(getError("目录名不正确。"));
			return;
		}
		//创建文件夹
		savePath += dirName + "/";
		saveUrl += dirName + "/";
		File saveDirFile = new File(savePath);
		if (!saveDirFile.exists()) {
			saveDirFile.mkdirs();
		}
		SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");
		String ymd = sdf.format(new Date());
		savePath += ymd + "/";
		saveUrl += ymd + "/";
		File dirFile = new File(savePath);
		if (!dirFile.exists()) {
			dirFile.mkdirs();
		}
		MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) request;
		String fileName = wrapper.getFileNames("imgFile")[0];
		File file = wrapper.getFiles("imgFile")[0];
		String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();
		if (!Arrays.<String> asList(extMap.get(dirName).split(",")).contains(fileExt)) {
			out.print(getError("上传文件扩展名是不允许的扩展名。\n只允许" + extMap.get(dirName) + "格式。"));
			return;
		}
		SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");
		String newFileName = df.format(new Date()) + "_" + new Random().nextInt(1000) + "." + fileExt;
		saveUrl += newFileName;
		FileOutputStream fos = new FileOutputStream(savePath + newFileName);
		InputStream in = new FileInputStream(file);
		byte[] buffer = new byte[1024];
		while (in.read(buffer) != -1) {
			fos.write(buffer, 0, buffer.length);
		}
		in.close();
		fos.close();    
	
		JSONObject obj = new JSONObject();
		obj.put("error", 0);
		obj.put("url", saveUrl);
		out.print(obj.toString());
	}catch (Exception e){
		out.println(getError("上传失败,请检查文件大小是否超过2M。"));
	}
%>
<%!private String getError(String message) {
		JSONObject obj = new JSONObject();
		obj.put("error", 1);
		obj.put("message", message);
		return obj.toString();
	}%>