问下关于js上传附件问题~求高手解答

Inuyashazc 2013-08-19 09:08:20

我希望的是不刷新页面，上传附件，所以用了jquery的上传附件的插件代码如下：
JSP:



<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <link rel="stylesheet" href="css/uploadify.css" type="text/css"></link>  

    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>  

    <script type="text/javascript"  src="js/jquery.uploadify.min.js"></script>  

    <script type="text/javascript">

			$(function() {

			    $("#multiple_file_upload").uploadify({

			    	'debug'         : false,

			    	'height'        : 27, 

			    	'width'         : 80,  

			    	'buttonText'    : '浏 览',

			        'swf'           : 'swf/uploadify.swf',

			        'uploader'      : 'UploadifySerlet',

			        'cancelImg'     : 'icon/cancel.png',

			        'auto'          : false,

			        'fileTypeExts'  : '*.jpg;*.png;*.pdf;*.gif;*.bmp;*.exe',

			        'formData'      : {'userName':'','qq':''},

			        'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {

			            $('#progress').html('已经上传'+totalBytesUploaded + '字节,文件大小为：' + totalBytesTotal + '字节');

			        } ,

			        'onUploadStart' : function(file) {

			        	//$("#file_upload").uploadify("settings", "formData", {'userName':name,'qq':qq});

			        	//$("#file_upload").uploadify("settings", "qq", );

			        },

			        'onUploadComplete' : function(file) {

			            alert(file.name + '上传成功');

			        },

			        'onDisable' : function() {

			            alert('You have disabled Uploadify!');

			        } 

			        

			    });

			});

		function a() {

			alert($("#asdf").val())

		}

	</script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

<input type="hidden" name="asdf" id="asdf" value="<%=session.getAttribute("uploadFilePath")%>"> 

<input type="button" name="你好" onclick="a()">

<input type="file" name="uploadify" id="multiple_file_upload" />  <span id="progress"></span>

        <hr>  

        <a href="javascript:$('#multiple_file_upload').uploadify('upload','*')">开始上传</a>      

        <a href="javascript:$('#multiple_file_upload').uploadify('cancel', '*')">取消所有上传</a>   

       

</body>

</html>

SERVLET：



package org.lxh.servlet;



import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.InputStream;

import java.io.OutputStream;

import java.io.PrintWriter;

import java.text.SimpleDateFormat;

import java.util.Arrays;

import java.util.Date;

import java.util.Iterator;

import java.util.List;

import java.util.Random;



import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;



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;



public class UploadifySerlet extends HttpServlet

{



    /**

     * 

     */

    private static final long serialVersionUID = 1L;



    // 上传文件的保存路径

    protected String configPath = "attached"+File.separator;



    protected String dirTemp = "attached/temp/";



    protected String dirName = "file";



    public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException

    {

        this.doPost(request, response);

    }



    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException

    {

        request.setCharacterEncoding("UTF-8");

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

        PrintWriter out = response.getWriter();

        // 文件保存目录路径

        String savePath = this.getServletContext().getRealPath("/") + configPath;

        // 临时文件目录

        String tempPath = this.getServletContext().getRealPath("/") + dirTemp;

        SimpleDateFormat sdf = new SimpleDateFormat("yyyyMM");

        String ymd = sdf.format(new Date());

        savePath += ymd + File.separator;

        // 创建文件夹

        File dirFile = new File(savePath);

        if (!dirFile.exists())

        {

            dirFile.mkdirs();

        }

        tempPath +=  ymd + "/";

        // 创建临时文件夹

        File dirTempFile = new File(tempPath);

        if (!dirTempFile.exists())

        {

            dirTempFile.mkdirs();

        }



        DiskFileItemFactory factory = new DiskFileItemFactory();

        factory.setSizeThreshold(20 * 1024 * 1024); // 设定使用内存超过5M时，将产生临时文件并存储于临时目录中。

        factory.setRepository(new File(tempPath)); // 设定存储临时文件的目录。



        ServletFileUpload upload = new ServletFileUpload(factory);

        upload.setHeaderEncoding("UTF-8");



        try

        {

            List items = upload.parseRequest(request);

            Iterator itr = items.iterator();



            while (itr.hasNext())

            {

                FileItem item = (FileItem) itr.next();

                String fileName = item.getName();

                long fileSize = item.getSize();

                if (!item.isFormField())

                {

                    String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();



                    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);

                        // --------------------------------------------------------------------

                        // 第二种方法

                        OutputStream os = new FileOutputStream(uploadedFile);

                        InputStream is = item.getInputStream();

                        byte buf[] = new byte[1024];// 可以修改 1024 以提高读取速度

                        int length = 0;

                        while ((length = is.read(buf)) > 0)

                        {

                            os.write(buf, 0, length);

                        }

                        // 关闭流

                        os.flush();

                        os.close();

                        is.close();

                        System.out.println(this.getServletContext().getRealPath("/") +"," +configPath);

                        System.out.println("上传成功！路径：" + savePath  + newFileName);

                        HttpSession session = request.getSession();

                        session.setAttribute("uploadFilePath", savePath  + newFileName);

                        System.out.println("session值:"+session.getAttribute("uploadFilePath"));

                    }

                    catch (Exception e)

                    {

                        e.printStackTrace();

                    }

                }

                else

                {

                    String filedName = item.getFieldName();

                    // if (filedName.equals("userName"))

                    // {

                    // name = item.getString();

                    // }

                    // else

                    // {

                    // qq = item.getString();

                    // }

                    System.out.println("FieldName：" + filedName);

                    System.out.println("String：" + item.getString());

                    // System.out.println("String()："+item.getString(item.getName()));

                    System.out.println("===============");

                }

            }



        }

        catch (FileUploadException e)

        {

            // TODO Auto-generated catch block

            e.printStackTrace();

        }

        out.flush();

        out.close();

    }



}