JDBC：ajaxFileUpload(ajax上传文件功能)

1、JSP页面

<a href="javascript:void();" id="PicName" > 选择图片</a>
<input type="file" id="fileToUpload" name="fileToUpload" ><!--需要设置name属性值，不然上传不了 -->
<button onClick="fileUpload();"  >上传图片</button>
<dl>
    <dt>缩略图预览效果</dt>
    <dd><img src="thumb/1.jpg" id="viewImg" alt="缩略图" /></dd>
</dl>
<script type="text/javascript" src="ajax/jquery.js"></script>
<script type="text/javascript" src="ajax/ajaxfileupload.js"></script>
<script type="text/javascript">
    //选择图片后，显示文件名
    $("#fileToUpload").change(function(){
        var uploadfile = $("#fileToUpload").val();
                if(uploadfile!=null||uploadfile!=""){
                    var fileName=getFileName(uploadfile);
                     $("#PicName").html(fileName);
                }
        });
     //获取文件名
     function getFileName(file){
       var pos=file.lastIndexOf("\\");//查找最后一个\的位置
       return file.substring(pos+1); //截取最后一个\位置到字符长度，也就是截取文件名 
     }
 //上传图片
function fileUpload()() {
       //先判断文件类型
        var uploadfile = $("#codePic").val();
        var fileTypes = new Array("jpg","png","gif","bmp","jpeg");  //定义可支持的文件类型数组
        var fileTypeFlag = "0";
        var newFileName = uploadfile.split('.');
        newFileName = newFileName[newFileName.length-1];
        for(var i=0;i<fileTypes.length;i++){
            if(fileTypes[i]==newFileName){
            fileTypeFlag="1";
        }
}
if(fileTypeFlag=="0"){
    alert("图片必须是jg、png、gif、bmp或jpeg格式！");
    $("#PicName").html(' 选择图片'); 
    return false;
}
$.ajaxFileUpload({
    url : '../../../FileUploadServlet',
    secureuri : false,
    fileElementId : 'codePic',//这里是input里的id
    dataType : 'json',
    success : function(data, status) {
        $('#viewImg').attr('src',data.picUrl);
        $("#PicName").html("上传成功");
    },
    error : function(data, status, e) {
        alert('上传出错!');
    }
})
return false;
}
 </script>

2、Servlet

import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import java.util.List;

import javax.servlet.ServletConfig;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

/**
 * 
 * 文件上传 具体步骤：
 *  1）获得磁盘文件条目工厂 DiskFileItemFactory 要导包 
 *  2） 利用 request 获取 真实路径 ，供临时文件存储，和 最终文件存储 ，这两个存储位置可不同，也可相同 
 *  3）对 DiskFileItemFactory 对象设置一些 属性
 *  4）高水平的API文件上传处理 ServletFileUpload upload = new ServletFileUpload(factory)
 *     目的是调用 parseRequest（request）方法 获得 FileItem 集合list ，
 *  5）在 FileItem 对象中 获取信息， 遍历， 判断 表单提交过来的信息 是否是 普通文本信息 另做处理 
 *  6） 第一种. 用第三方 提供的 item.write( new File(path,filename) ); 直接写到磁盘上 
 *      第二种. 手动处理
 * 
 */

/**
 * Servlet implementation class Code_PicUpload_Servlet
 */
public class Code_PicUpload_Servlet extends HttpServlet {
private static final long serialVersionUID = 1L;
// 保存文件的目录
private static String PATH_FOLDER = "/";
// 存放临时文件的目录
private static String TEMP_FOLDER = "/";
@Override
public void init(ServletConfig config) throws ServletException {
ServletContext servletCtx = config.getServletContext();
// 初始化路径
// 保存文件的目录
PATH_FOLDER = servletCtx.getRealPath("images/thumb");
// 存放临时文件的目录,存放xxx.tmp文件的目录
TEMP_FOLDER = servletCtx.getRealPath("images/thumb/temp");
}
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Code_PicUpload_Servlet() {
        super();
        // TODO Auto-generated constructor stub
    }

/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doPost(request, response);
}

/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
request.setCharacterEncoding("utf-8"); // 设置编码
response.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=UTF-8");
// 获得磁盘文件条目工厂
DiskFileItemFactory factory = new DiskFileItemFactory();
// 如果没以下两行设置的话，上传大的 文件 会占用 很多内存，
// 设置暂时存放的 存储室 , 这个存储室，可以和 最终存储文件 的目录不同
/**
* 原理 它是先存到 暂时存储室，然后在真正写到 对应目录的硬盘上， 按理来说 当上传一个文件时，其实是上传了两份，第一个是以 .tem
* 格式的 然后再将其真正写到 对应目录的硬盘上
*/
factory.setRepository(new File(TEMP_FOLDER));
// 设置 缓存的大小，当上传文件的容量超过该缓存时，直接放到 暂时存储室
factory.setSizeThreshold(1024 * 1024);

// 高水平的API文件上传处理
ServletFileUpload upload = new ServletFileUpload(factory);
try {
// 提交上来的信息都在这个list里面
// 这意味着可以上传多个文件
// 请自行组织代码
List<FileItem> list = upload.parseRequest(request);
// 获取上传的文件
FileItem item = getUploadFileItem(list);
// 获取文件名
String filename = getUploadFileName(item);
// 保存后的文件名
String saveName = new Date().getTime() + filename.substring(filename.lastIndexOf("."));
// 保存后图片的浏览器访问路径
String picUrl = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/resource/images/thumb/"+saveName;
System.out.println("存放目录:" + PATH_FOLDER);
System.out.println("原文件名:" + filename);
System.out.println("保存的文件名:" + saveName);
System.out.println("浏览器访问路径:" + picUrl);

// 真正写到磁盘上
item.write(new File(PATH_FOLDER, saveName)); // 第三方提供的
PrintWriter writer = response.getWriter();
//使用json保存信息
Map<String, String> map=new HashMap<String, String>();
map.put("picUrl", picUrl);
map.put("msg", "文件大小:"+item.getSize()+",文件名:"+filename);
String json=JSON.toJSONString(map);
PrintWriter writer = response.getWriter();
writer.write(json); //使用json传数据
//writer.print("{");
//writer.print("msg:\"文件大小:"+item.getSize()+",文件名:"+filename+"\"");
//writer.print(",picUrl:\"" + picUrl + "\"");
//writer.print("}");
writer.close();
} catch (FileUploadException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}     

}
private FileItem getUploadFileItem(List<FileItem> list) {
    for (FileItem fileItem : list) {
        if(!fileItem.isFormField()) {
            return fileItem;
        }
    }
    return null;
}
private String getUploadFileName(FileItem item) {
    // 获取路径名
    String value = item.getName();
    // 索引到最后一个反斜杠
    int start = value.lastIndexOf("/");
    // 截取 上传文件的 字符串名字，加1是 去掉反斜杠，
    String filename = value.substring(start + 1);
    return filename;
}

}