RockFeeling

常用链接

统计

最新评论

2012年2月18日 #

servlet + html 图片上传

Servlet:

package cn.com.seegoo.xm.front.servlets;

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

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

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

import cn.com.seegoo.servletrest.servlets.BaseServlet;

public class PhotoUpServlet extends BaseServlet{
 final long MAX_SIZE = 10 * 1024 * 1024;// 设置上传文件最大为 10M
    // 允许上传的文件格式的列表
    final String[] allowtype = new String[] {"jpg","jpeg","gif","txt","doc","docx","mp3","wma","m4a","xls"};

    public PhotoUpServlet() {
        super();
    }

    public void destroy() {
        super.destroy();
    }

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html");
        // 设置字符编码为UTF-8, 这样支持汉字显示
        response.setCharacterEncoding("UTF-8");

        // 实例化一个硬盘文件工厂,用来配置上传组件ServletFileUpload
        DiskFileItemFactory dfif = new DiskFileItemFactory();
        dfif.setSizeThreshold(4096);// 设置上传文件时用于临时存放文件的内存大小,这里是4K.多于的部分将临时存在硬盘
        dfif.setRepository(new File(request.getRealPath("/")
                + "upload"));// 设置存放临时文件的目录,web根目录下的uploadtemp目录
        // 用以上工厂实例化上传组件
        ServletFileUpload sfu = new ServletFileUpload(dfif);
        // 设置最大上传尺寸
        sfu.setSizeMax(MAX_SIZE);

        PrintWriter out = response.getWriter();
        // 从request得到 所有 上传域的列表
        List fileList = null;
        try {
            fileList = sfu.parseRequest(request);
        } catch (FileUploadException e) {// 处理文件尺寸过大异常
            if (e instanceof SizeLimitExceededException) {
                out.println("{message:'文件尺寸超过规定大小:"+MAX_SIZE+"字节'}");
                return;
            }
            e.printStackTrace();
        }
        // 没有文件上传
        if (fileList == null || fileList.size() == 0) {
            out.println("{message:'请选择上传文件'}");
            return;
        }
        // 得到所有上传的文件
        Iterator fileItr = fileList.iterator();
        // 循环处理所有文件
        while (fileItr.hasNext()) {
            FileItem fileItem = null;
            String path = null;
            long size = 0;
            // 得到当前文件
            fileItem = (FileItem) fileItr.next();
            // 忽略简单form字段而不是上传域的文件域(<input type="text" />等)
            if (fileItem == null || fileItem.isFormField()) {
                continue;
            }
            // 得到文件的完整路径
            path = fileItem.getName();
            // 得到文件的大小
            size = fileItem.getSize();
            if ("".equals(path) || size == 0) {
                out.println("{message:'请选择上传文件'}");
                return;
            }

            // 得到去除路径的文件名
            String t_name = path.substring(path.lastIndexOf("\\") + 1);
            // 得到文件的扩展名(无扩展名时将得到全名)
            String t_ext = t_name.substring(t_name.lastIndexOf(".") + 1);
            // 拒绝接受规定文件格式之外的文件类型
            int allowFlag = 0;
            int allowedExtCount = allowtype.length;
            for (; allowFlag < allowedExtCount; allowFlag++) {
                if (allowtype[allowFlag].equals(t_ext))
                    break;
            }
            if (allowFlag == allowedExtCount) {
                String message = "";
                for (allowFlag = 0; allowFlag < allowedExtCount; allowFlag++){
                    message+="*." + allowtype[allowFlag]
                                                + " ";
                }
                out.println("{message:'请上传以下类型的文件"+message+"'}");
                return;
            }

            long now = System.currentTimeMillis();
            // 根据系统时间生成上传后保存的文件名
            String prefix = String.valueOf(now);
            // 保存的最终文件完整路径,保存在web根目录下的upload目录下
            String u_name = request.getRealPath("/") + "upload/"
                    + prefix + "." + t_ext;
            //原来的文件名
            path=request.getRealPath("/") + "upload/"+path;
            try {
                // 保存文件
                fileItem.write(new File(path));
                response.setStatus(200);
                out.println("{message:\"文件上传成功. 已保存为: " + prefix + "." + t_ext
                        + " 文件大小: " + size + "字节\"}");
            } catch (Exception e) {
                e.printStackTrace();
            }

        }
    }

}



JS:

function ajaxFileUpload()
    {
       
        $("#loading")
        .ajaxStart(function(){
            $(this).show();
        })//开始上传文件时显示一个图片
        .ajaxComplete(function(){
            $(this).hide();
        });//文件上传完成将图片隐藏起来
       
        $.ajaxFileUpload
        (
            {
                url:'PhotoUpServlet',//用于文件上传的服务器端请求地址
                secureuri:false,//一般设置为false
                fileElementId:'fileField',//文件上传空间的id属性  <input type="file" id="file" name="file" />
                dataType: 'json',//返回值类型 一般设置为json
                success: function (data, status)  //服务器成功响应处理函数
                {
                    //alert(data.message);//从服务器返回的json中取出message中的数据,其中message为在struts2中定义的成员变量
                    $('#myspan').html(data.message);
                    if(typeof(data.error) != 'undefined')
                    {
                        if(data.error != '')
                        {
                            //alert(data.error);
                            $('#myspan').html(data.message);
                        }else
                        {
                            //alert(data.message);
                            $('#myspan').html(data.message);
                        }
                    }
                },
                error: function (data, status, e)//服务器响应失败处理函数
                {
                    //alert(e);
                    $('#myspan').html(e);
                }
            }
        )
       
        return false;

    }

界面:

<body>

 <img src="images/loading.gif" id="loading" style="display: none;">

   <span style="color: red;" id="myspan"></span><br/>

        <input type="file" id="fileField" name="file" />
        <br />
        <input type="button" value="上传" onclick="return ajaxFileUpload();">
</body>

web.xml:

<servlet>
        <servlet-name>PhotoUpServlet</servlet-name>
        <servlet-class>cn.com.seegoo.xm.front.servlets.PhotoUpServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>PhotoUpServlet</servlet-name>
        <url-pattern>/PhotoUpServlet</url-pattern>
    </servlet-mapping>

posted @ 2012-02-18 15:06 将风度养成 阅读(683) | 评论 (0)编辑 收藏

2012年2月7日 #

Javascript刷新页面的几种方法(摘自网络)

Javascript刷新页面的几种方法: 
1 history.go(0) 
2 location.reload() 
3 location=location 
4 location.assign(location) 
5 document.execCommand('Refresh') 
6 window.navigate(location) 
7 location.replace(location) 
8 document.URL=location.href 
二、自动刷新页面 
1.页面自动刷新:把如下代码加入<head>区域中 
<meta http-equiv="refresh" content="20"> 
其中20指每隔20秒刷新一次页面. 
2.页面自动跳转:把如下代码加入<head>区域中 
<meta http-equiv="refresh" content="20;url=http://www.jb51.net"> 
其中20指隔20秒后跳转到http://www.jb51.net页面 
3.页面自动刷新js版 
<script language="JavaScript"> 
function myrefresh() 
window.location.reload(); 
setTimeout('myrefresh()',1000); //指定1秒刷新一次 
</script> 
三、java在写Servler,Action等程序时,要操作返回页面的话(如谈出了窗口,操作完成以后,关闭当前页面,刷新父页面) 
1 PrintWriter out = response.getWriter(); 
2 out.write("<script type=\"text/javascript\">"); 
3 ////子窗口刷新父窗口 
4 out.write("self.opener.location.reload();"); 
5 //关闭窗口 
6 out.write("window.opener=null;"); 
7 out.write("window.close();"); 
8 out.write("</script>"); 
四、JS刷新框架的脚本语句 
1.如何刷新包含该框架的页面用 
<script language=JavaScript> 
parent.location.reload(); 
</script> 
2.子窗口刷新父窗口 
<script language=JavaScript> 
self.opener.location.reload(); 
</script> 
3.如何刷新另一个框架的页面用 (上面的实例以说明了) 
语句1. window.parent.frames[1].location.reload(); 
语句2. window.parent.frames.bottom.location.reload(); 
语句3. window.parent.frames["bottom"].location.reload(); 
语句4. window.parent.frames.item(1).location.reload(); 
语句5. window.parent.frames.item('bottom').location.reload(); 
语句6. window.parent.bottom.location.reload(); 
语句7. window.parent['bottom'].location.reload(); 
4.如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。 
<body onload="opener.location.reload()"> 
开窗时刷新 
<body onUnload="opener.location.reload()"> 
关闭时刷新 
<script language="javascript"> 
window.opener.document.location.reload() 
</script> 

posted @ 2012-02-07 00:08 将风度养成 阅读(129) | 评论 (0)编辑 收藏

仅列出标题