`
baobeituping
  • 浏览: 1068167 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Uploadify 插件的使用 java 版 jsp+servlet

阅读更多

工程截图:

 

jar包:

commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
commons-logging-1.1.jar

fileupload 我用的是1.0版本

Uploadify.java 源码


import java.io.File;
import java.io.IOException;
import java.util.Iterator;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.*;

public class Uploadify extends HttpServlet {

 /**
  * 文件上传处理,页面上传操作请参照apache 的 fileupload,需导入apache的fileupload、IO两个jar包
  */
 private static final long serialVersionUID = 1L;
 /**
  * 实现多文件的同时上传
  */
 @SuppressWarnings("unchecked")
 @Override
 protected void doGet(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
  //获得容器中上传文件夹所在的物理路径
  String savePath = this.getServletConfig().getServletContext().getRealPath("/")+"uploads\\";
  System.out.println("路径"+savePath);
  DiskFileUpload upload = new DiskFileUpload();
  
  //DiskFileItemFactory fac = new DiskFileItemFactory();   
        //ServletFileUpload upload = new ServletFileUpload(fac);
        //对于向上传文件大小控制等fac.setSizeThreshold(4096)最多允许在内存中存放4096个字节 这类请查apache 的 fileupload例子
       
        //获取多个上传文件
        List fileList = null;   
        try {   
            //fileList = upload.parseRequest(request);  
          fileList = upload.parseRequest(request);
        } catch (FileUploadException ex) {   
            System.out.println("没有上传文件"); 
            return;   
        } 
        //遍历上传文件写入磁盘
        Iterator<FileItem> it = fileList.iterator();    
        while(it.hasNext()){   
            FileItem item =  it.next();   
            if(!item.isFormField()){   
                String name = item.getName(); 
                if(name == null || name.trim().equals("") || item.getSize()==0.0)   
                    continue;
                File saveFile = new File(savePath+name);   
                try {   
                    item.write(saveFile);  
                } catch (Exception e) {   
                    e.printStackTrace();   
                }   
            }   
        }   
 }

 @Override
 protected void doPost(HttpServletRequest req, HttpServletResponse resp)
   throws ServletException, IOException {
  doGet(req, resp);
 }

}

index.jsp 源码

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>upload index</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <link href="css/default.css" rel="stylesheet" type="text/css" />
 <link href="css/uploadify.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
 <script type="text/javascript" src="scripts/swfobject.js"></script>
 <script type="text/javascript" src="scripts/jquery.uploadify.v2.0.2.min.js"></script>
 <script type="text/javascript">

 $(document).ready(function() {
  $("#uploadify").uploadify({
  
   'uploader'       : 'scripts/uploadify.swf',
   'script'         : 'servlet/Upload',//servlet的路径或者.jsp 这是访问servlet 'scripts/uploadif' 如果是.jsp,我还加上了'scriptData'和'method'
   'scriptData':   {'x':$("#nodeid").attr("value")},
   'method':'GET',
   'cancelImg'      : 'cancel.png',
   'folder'         : 'uploads',
   'queueID'        : 'fileQueue',
   'auto'           : false,
   'multi'          : true,
   'simUploadLimit' : 10, //一次同步上传的文件数目 
    'sizeLimit': 19871202, //设置单个文件大小限制,单位为byte 
   'queueSizeLimit' : 10,
   'fileDesc': '支持格式:jpg/gif/jpeg/png/bmp.', //如果配置了以下的'fileExt'属性,那么这个属性是必须的 
    'fileExt': '*.jpg;*.gif;*.jpeg;*.png',//允许的格式
    onComplete: function (event, queueID, fileObj, response, data) {
    var value = response ;
    alert("success back value"+value);
       alert("文件:" + fileObj.name + "上传成功");
    }, 
    onError: function(event, queueID, fileObj) { 
     alert("文件:" + fileObj.name + "上传失败"); 
    }, 
    onCancel: function(event, queueID, fileObj){ 
     alert("取消了" + fileObj.name); 
      }
  });
 });
 </script>
  </head>
 
<body>
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:jQuery('#uploadify').uploadifyUpload()">开始上传</a>&nbsp;
<a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a></p>
<input type="text" name="nodeid" id="nodeid" value="inputtxtvalue" />
</body>
</html>

web.xml 源码:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
 <servlet>
  <servlet-name>Uploadify</servlet-name>
  <servlet-class>com.ek.fileupload.Uploadify</servlet-class>
 </servlet>
 <servlet-mapping>
  <servlet-name>Uploadify</servlet-name>
  <url-pattern>/scripts/uploadify</url-pattern>
 </servlet-mapping>
 <welcome-file-list>
  <welcome-file>index.jsp</welcome-file>
 </welcome-file-list>
 <login-config>
  <auth-method>BASIC</auth-method>
 </login-config>
</web-app>

分享到:
评论
2 楼 zqb666kkk 2011-03-17  
附件里的com包 你这里怎么没用到啊
1 楼 zqb666kkk 2011-03-17  
楼主为什么我按你写的页面没法实现多选 ,是不是你哪里没说具体啊,我qq6637152,能否联系我下

相关推荐

    java使用uploadify插件实现多文件上传

    以上代码展示了如何在Java中使用Uploadify插件进行多文件上传的基本步骤。在实际项目中,你可能需要考虑更多的细节,例如错误处理、文件大小限制、文件类型的检查、并发上传的处理等。此外,如果文件数量非常大,...

    uploadify JSP的上传例子

    本例将详细介绍如何在JSP(Java Server Pages)环境中集成Uploadify,从而实现文件上传功能。 【描述】:“uploadify JSP的上传例子 将官方网站的PHP例子改写成jsp版本的” Uploadify官方提供的示例通常基于PHP,...

    JSP使用文件上传插件uploadify示例

    在本示例中,我们将关注"JSP使用文件上传插件uploadify"的主题,这是一个利用uploadify插件实现AJAX文件上传的教程。uploadify是一款流行且美观的JavaScript插件,它为网页提供了流畅的多文件上传体验。 首先,我们...

    jsp,servlet,jquey最新版的jquery uploadify多文件上传

    最后,确保你的Web应用已经正确地部署了`jQuery`库、`jQuery Uploadify`插件以及对应的服务器端资源,如`jsp`和`servlet`。测试时,用户应该能在浏览器中看到一个可交互的文件上传界面,能够选择并上传多个文件,...

    uploadify java完整项目工程

    "uploadify java完整项目工程"是一个基于JSP、Servlet和Java技术实现的文件上传解决方案,主要特点是使用了Uploadify插件。Uploadify是一款流行的JavaScript库,它允许用户通过异步方式上传多文件,提升了用户体验。...

    java/jsp 上传+图片预览

    本教程重点介绍如何利用Java和JSP实现图片上传功能,并结合uploadify插件实现图片预览。对于初学者来说,这是一个很好的起点,因为它可以帮助理解动态网页开发中的文件上传和预览机制。 首先,我们来看`java上传...

    jquery使用uploadify插件实现多文件的上传(java版)

    最近要用Servlet/JSP做一个上传功能demo供新人学习。我采用的是Apache提供的commons-fileupload jar包,以及jquery uploadify插件组合实现多文件上传,单文件上传等。

    java jsp使用 uploadifive 上传

    Uploadifive是一款基于jQuery的插件,它解决了旧版uploadify依赖Flash所带来的兼容性和安全性问题,提供了实时的进度条反馈,提升了用户体验。 首先,理解Uploadifive的工作原理至关重要。Uploadifive利用HTML5的...

    uploadify上传

    Uploadify插件的使用** `uploadify`的使用主要包括前端配置和后端处理两部分: - **前端配置**:在HTML页面中引入`uploadify.css`和`uploadify.swf`(Flash文件),然后通过JavaScript设置`uploadify`插件的参数...

    uploadify demo

    本示例是关于如何在Java环境中结合jsp和servlet来使用Uploadify的实践案例。 首先,我们需要理解jQuery的基本概念。jQuery是一个轻量级的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在...

    uploadify完整demo(myeclipse+weblogic)

    WebLogic是Oracle公司的一款企业级应用服务器,支持多种Java EE标准,如Servlet、JSP、EJB等。在这个项目中,WebLogic作为服务器端,接收并处理由Uploadify发送的文件,进行存储或者业务逻辑处理。 5. **文件批量...

    jsp uploadify_v3.2 代码

    `jsp uploadify_v3.2` 是一个基于Java Servlet和JavaScript的文件上传解决方案,它允许用户在网页上实现多文件的快速、便捷上传。在这个版本中,`uploadify`库结合了JSP(JavaServer Pages)技术,为Web开发者提供了...

    uploadify3 uploadify2 jsp 文件上传 进度条

    Uploadify是一个优秀的JavaScript插件,它提供了文件上传的解决方案,支持进度条显示,大大提升了用户体验。本文将详细介绍Uploadify3和Uploadify2在JSP环境下的实现方法。 Uploadify是一款基于Flash和jQuery的文件...

    uploadify jsp java 多文件上传实例

    本实例主要介绍如何使用`uploadify`插件结合Java后端实现这一功能。`Uploadify`是一个基于jQuery的文件上传组件,它提供了异步、批量上传的能力,用户体验良好。 首先,我们需要了解`uploadify`的基本使用。在HTML...

    JQuery的Uploadify实现多文件上传例子

    在本文中,我们将深入探讨如何使用JQuery的Uploadify插件来实现多文件上传功能,特别是在一个基于JSP和Servlet的Web应用环境中。Uploadify是一款非常流行的jQuery插件,它为用户提供了简单、直观的文件上传体验,...

    jquery uploadify插件多文件上传

    `jQuery Uploadify`是一款流行的JavaScript插件,用于实现文件的多选上传功能。它通过Flash或HTML5技术,提供了一种用户友好的界面,让用户能够方便地上传多个文件到服务器。在本文中,我们将深入探讨`jQuery ...

    JQuery Uploadify 基于JSP的无刷新上传实例:

    JQuery Uploadify插件提供了一种高效、便捷的无刷新上传解决方案,特别适用于JSP(Java Server Pages)环境。本文将深入解析JQuery Uploadify的使用方法,并结合实际案例,详细介绍如何在JSP项目中实现无刷新上传。 ...

    uploadify3.2文件上传demo

    【uploadify3.2文件上传demo】是一个基于Web的文件上传解决方案,主要使用了Uploadify插件,这个插件能够实现非阻塞式的文件上传,为用户提供了良好的交互体验。在该示例中,Uploadify3.2版本被应用于一个项目环境中...

    uploadify多文件上传例子代码

    总的来说,uploadify多文件上传例子代码通过结合前端的uploadify插件和后端的servlet处理,实现了在jsp环境下的多文件上传功能。它简化了开发流程,提供了丰富的自定义选项,是Web开发中一个实用的工具。在实际项目...

    uploadify jsp 上传组建

    Uploadify 是一个非常流行的前端文件上传插件,尤其在JSP(Java Server Pages)开发环境中,它被广泛用于实现高效、便捷的文件上传功能。这个组件以其用户友好的界面和高度可配置性而受到开发者们的青睐。下面我们将...

Global site tag (gtag.js) - Google Analytics