- 浏览: 93318 次
- 性别:
- 来自: 广州
最新评论
-
hywill:
spool e:\test\pmd_droptable.sql ...
powerdesigner 12.5 错误 -
yuanzhifei89:
很赞同,和周围朋友共同语言越来越少中...
写给程序员朋友们---你真的还想做程序员吗 -
cq.ronadlo:
不好用 依然不好用
【转】设定tomcat的默认字符集
一、需求和背景:公司内网月度会议文档过大有的超过50M,原先的上传组件利用struts upload+io流如果上传文件过大会导致内存溢出。而且客户那边还迫切的希望有个大附件上传的功能。
二、
1、[swfupload] 组件下载 http://swfupload.googlecode.com (SWFUpload v2.2.0.1 Core.zip )
2、[COS 上传组件]下载 http://www.servlets.com/cos/index.html (cos-26Dec2008.zip)
3、将swfupload和cos整合,
第一步:先让swfupload跑起来,编写index.jsp:
- <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head>
- <title>大附件上传 - Simple Demo</title>
- <link href="css/default.css" mce_href="css/default.css" rel="stylesheet" type="text/css" />
- <mce:script type="text/javascript" src="js/swfupload/swfupload.js" mce_src="js/swfupload/swfupload.js"></mce:script>
- <mce:script type="text/javascript" src="js/swfupload/swfupload.queue.js" mce_src="js/swfupload/swfupload.queue.js"></mce:script>
- <mce:script type="text/javascript" src="js/swfupload/fileprogress.js" mce_src="js/swfupload/fileprogress.js"></mce:script>
- <mce:script type="text/javascript" src="js/swfupload/handlers.js" mce_src="js/swfupload/handlers.js"></mce:script>
- <mce:script type="text/javascript"><!--
- var swfu;
- window.onload = function() {
- var settings = {
- flash_url : "swfupload/swfupload.swf",
- upload_url: "up/upload.jsp",
- post_params: {"uploadTimer" : new Date()},
- file_size_limit : "200 MB",
- file_types : "*.*",
- file_types_description : "All Files",
- file_upload_limit : 100,
- file_queue_limit : 0,
- custom_settings : {
- progressTarget : "fsUploadProgress",
- cancelButtonId : "btnCancel",
- upload_successful : false
- },
- debug: false,
- // Button settings
- button_image_url : "images/XPButtonUploadText_61x22.png",
- button_placeholder_id : "spanButtonPlaceholder",
- button_width: 61,
- button_height: 22,
- // The event handler functions are defined in handlers.js
- file_queued_handler : fileQueued,
- file_queue_error_handler : fileQueueError,
- file_dialog_complete_handler : fileDialogComplete,
- upload_start_handler : uploadStart,
- upload_progress_handler : uploadProgress,
- upload_error_handler : uploadError,
- upload_success_handler : uploadSuccess,
- upload_complete_handler : uploadComplete,
- queue_complete_handler : queueComplete // Queue plugin event
- };
- swfu = new SWFUpload(settings);
- };
- // --></mce:script>
- </head>
- <body>
- <div id="content">
- <h2></h2>
- <form id="form1" action="index.jsp" method="post" enctype="multipart/form-data">
- <p>This page demonstrates a simple usage of SWFUpload. It uses the Queue Plugin to simplify uploading or cancelling all queued files.</p>
- <div class="fieldset flash" id="fsUploadProgress">
- <span class="legend">Upload Queue</span>
- </div>
- <div id="divStatus">0 Files Uploaded</div>
- <div>
- <span id="spanButtonPlaceHolder"></span>
- <input id="btnCancel" type="button" value="Cancel All Uploads" onclick="swfu.cancelQueue();" disabled="disabled" style="margin-left: 2px; font-size: 8pt; height: 29px;" />
- </div>
- </form>
- </div>
- </body>
- </html>
注:1、所有的js和css文件都是从官网上下载下来的,没有什么特殊的改变。
2、upload_url: "up/upload.jsp",这里的“up/upload.jsp”可以用一个jsp页面写上传类(cos),我这里用servelet配置的路径
2、web.xm配置:
- <?xml version="1.0" encoding="UTF-8"?>
- <web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
- <display-name>upload</display-name>
- <welcome-file-list>
- <welcome-file>index.html</welcome-file>
- <welcome-file>index.htm</welcome-file>
- <welcome-file>index.jsp</welcome-file>
- <welcome-file>default.html</welcome-file>
- <welcome-file>default.htm</welcome-file>
- <welcome-file>default.jsp</welcome-file>
- </welcome-file-list>
- <servlet>
- <servlet-name>SimpleUploader</servlet-name>
- <servlet-class>com.servlet.uploader.SimpleUploaderServlet</servlet-class>
- <init-param>
- <param-name>fileSizeLimit</param-name>
- <param-value>500</param-value>
- </init-param>
- </servlet>
- <servlet-mapping>
- <servlet-name>SimpleUploader</servlet-name>
- <url-pattern>/up/upload.jsp</url-pattern>
- </servlet-mapping>
- </web-app>
注:1、fileSizeLimit是配置允许上传大小的500,代表500M。
3、编写 SimpleUploaderServlet类(利用cos.jar上传):
- package com.servlet.uploader;
- import java.io.File;
- import java.io.IOException;
- import java.util.Enumeration;
- import javax.servlet.ServletConfig;
- 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.io.FilenameUtils;
- import org.apache.commons.lang.StringUtils;
- import org.apache.commons.lang.time.DateFormatUtils;
- import com.oreilly.servlet.MultipartRequest;
- import com.oreilly.servlet.multipart.FileRenamePolicy;
- public class SimpleUploaderServlet extends HttpServlet {
- private static final long serialVersionUID = -3096800116651263134L;
- private String fileSizeLimit;
- public void init(ServletConfig config) throws ServletException {
- this.fileSizeLimit = config.getInitParameter("fileSizeLimit");
- }
- public void destroy() {
- this.fileSizeLimit = null;
- super.destroy();
- }
- class MyFileRenamePolicy implements FileRenamePolicy {
- public File rename(File file) {
- String fileSaveName = StringUtils.join(new String[] { java.util.UUID.randomUUID().toString(), ".",
- FilenameUtils.getExtension(file.getName()) });
- File result = new File(file.getParentFile(), fileSaveName);
- return result;
- }
- }
- public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
- System.out.println("--- BEGIN DOPOST ---");
- HttpSession session = request.getSession();
- String uploadDir = "files" + File.separatorChar + "upload" + File.separatorChar;
- String autoCreatedDateDirByParttern = "yyyy" + File.separatorChar + "MM" + File.separatorChar + "dd"
- + File.separatorChar;
- String autoCreatedDateDir = DateFormatUtils.format(new java.util.Date(), autoCreatedDateDirByParttern);
- String ctxDir = session.getServletContext().getRealPath(String.valueOf(File.separatorChar));
- if (!ctxDir.endsWith(String.valueOf(File.separatorChar))) {
- ctxDir = ctxDir + File.separatorChar;
- }
- File savePath = new File(ctxDir + uploadDir + autoCreatedDateDir);
- if (!savePath.exists()) {
- savePath.mkdirs();
- }
- String saveDirectory = ctxDir + uploadDir + autoCreatedDateDir;
- if (StringUtils.isBlank(this.fileSizeLimit.toString())) {
- this.fileSizeLimit = "100";// 默认 100M
- }
- int maxPostSize = Integer.valueOf(this.fileSizeLimit).intValue() * 1024 * 1024;
- String encoding = "GBK";
- FileRenamePolicy rename = new MyFileRenamePolicy();
- MultipartRequest multi = null;
- try {
- multi = new MultipartRequest(request, saveDirectory, maxPostSize, encoding, rename);
- } catch (IOException e) {
- System.out.println(e.getMessage());
- return;
- }
- // 输出
- Enumeration files = multi.getFileNames();
- while (files.hasMoreElements()) {
- String name = (String) files.nextElement();
- File f = multi.getFile(name);
- if (f != null) {
- String fileName = multi.getFilesystemName(name);
- String lastFileName = saveDirectory + "\\" + fileName;
- String fileSavePath = uploadDir + autoCreatedDateDir + fileName;
- System.out.println("SimpleUploaderServlet");
- System.out.println("文件地址:" + lastFileName);
- System.out.println(" 保存路径:" + fileSavePath);
- }
- }
- System.out.println("--- END DOPOST ---");
- }
- public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
- this.doPost(request, response);
- }
- public String getFileSizeLimit() {
- return fileSizeLimit;
- }
- public void setFileSizeLimit(String fileSizeLimit) {
- this.fileSizeLimit = fileSizeLimit;
- }
- }
注:1、MyFileRenamePolicy是自定义文件重命名的方法。
另外考虑到cos与struts1.x的结合有缺陷,如果想保存上传后的文件信息,可以利用别的方法,如存入到session中。
demo下载地址:http://download.csdn.net/source/2180135
效果图:
另外在网上google了下Cos ,FileUpload ,SmartUpload 上传文件性能比较,自己也测试了下Cos和struts upload,发现的确Cos是挺快的,尤其是大的附件的时候。
这个是网上其它人测试的 使用2M、20M、45M、200M的上传大小测试三种组件所花费的时间(单位为ms):
发表评论
-
【转】cos和fileupload、jspsmart的比较
2010-11-30 11:14 962cos和fileupload、jspsmart的比较 测试比较 ... -
【转】设定tomcat的默认字符集
2010-09-19 12:29 7819设定tomcat的默认字符集 一般默认安装的tomc ... -
myclipse使用技巧
2010-08-24 09:56 1828myclipse内存清理 垃圾箱设置 1.找到你的MyE ... -
【转】MyEclipse卡死的解决方案
2010-08-12 11:52 1168MyEclipse卡死的解决方案 在用[MyEcl ... -
【转】OpenCms7.5.0整合Apache和Tomcat(去掉两个opencms)
2010-07-30 12:38 1271OpenCms7.5.0整合Apache和Tomcat( ... -
css
2010-07-29 10:43 1039ie 6,ie7 ... -
OpenCMS 7.0安装和汉化
2010-07-14 16:09 34911. 环境操作 ... -
JAVA调用ORACLE的存储过程、函数的返回结果集例子
2010-07-14 13:28 1691--函数create or replace function ... -
(转)Oracle数据库中分区表的操作方法(适用于单表大数据量或T级别数据库)
2010-05-22 17:42 1218摘要:在大量业务数据处理的项目中,可以考虑使用分区表来提高应 ... -
(转)BIEE报表移植
2010-05-13 16:42 1791BIEE报表移植 迁移步骤 BIEE迁移在开发过程中 ... -
BI工程师
2010-03-17 10:18 1244任职资格:1、计算机或相关专业,本科以上学历2、3-5年以上工 ... -
高级软件工程师
2010-03-17 09:31 9461、java基础。 2、web容 ... -
润乾报表
2010-03-12 17:25 1064处理机制 1、润乾报表在数据保存的时候先从数据库根据设定的条 ... -
Excel模拟程序(区域复制粘贴功能)
2009-10-14 15:38 1510<!DOCTYPE HTML PUBLIC " ...
相关推荐
[swfupload]+[COS 上传组件]+[servelet] 实现大附件上传
标题中的“SWFUpload+COS 上传组件+servelet 实现大附件上传”是指使用SWFUpload这款JavaScript库,结合腾讯云对象存储服务(COS)以及Servlet技术,来实现大文件的分片上传功能。这是一个常见的Web应用上传方案,...
jquery+SWFUpload+COS上传组件的使用 jquery+SWFUpload+COS上传组件的使用jquery+SWFUpload+COS上传组件的使用jquery+SWFUpload+COS上传组件的使用jquery+SWFUpload+COS上传组件的使用jquery+SWFUpload+COS上传组件...
《jQuery + SWFUpload + COS 上传组件的使用详解》 在现代网页开发中,文件上传功能是不可或缺的一部分。jQuery + SWFUpload + COS(腾讯云对象存储)上传组件提供了一种高效、友好的文件上传解决方案。本文档旨在...
总结来说,"jquery+SWFUpload+COS上传组件的使用 兼容ie6"这个主题涵盖了前端文件上传的多个重要知识点,包括jQuery的DOM操作、SWFUpload的多文件上传机制、以及腾讯云对象存储的集成。这个解决方案虽然针对的是IE6...
标题中的“自制jquery+SWFUpload+COS 多文件上传组件”揭示了这个项目的核心:一个结合了jQuery、SWFUpload和腾讯云对象存储(COS)服务的多文件上传工具。这个组件允许用户在网页上批量上传文件,并将它们存储到...
在批量上传图片的场景中,ASP负责接收由SwfUpload上传的文件,处理文件,比如保存到Access数据库,或者生成预览链接。 3. **Access数据库**:Access数据库用于存储和管理上传的图片文件的相关信息,如文件名、大小...
**jQuery SWFUpload COS上传组件使用详解** 在Web开发中,文件上传功能是常见的需求,尤其是在用户需要上传图片、文档等文件时。腾讯云对象存储(Cloud Object Storage, 简称COS)提供了一种高效、安全的云端存储...
SWFUpload上传组件的一个完整的例子,后台由Struts2完成,有上传进度显示,可以多文件上传,如果你想使用SWFUpload组件但还不知道怎样使用,可以下载下来运行一下试试,看一下源码就知道了。
总的来说,`jQuery`、`SWFUpload`和`COS`的组合为开发者提供了一个跨平台、功能丰富的文件上传解决方案,尤其是在需要处理大量文件或大文件上传的场景下。然而,随着技术的发展,开发者也需要不断学习和适应新的工具...
SwfUpload 是一款开源的JavaScript库,用于在网页上实现多文件上传功能。它通过Flash技术提供了一种优雅的方式,允许用户在不刷新页面的情况下上传多个文件。SwfUpload 支持预览、进度条显示等功能,提高了用户体验...
- **Servlet**:可能被用作处理HTTP请求的Java后端组件,接收SWFUpload上传的文件数据。 在实际使用中,开发者可能需要配置SWFUpload的参数,如上传URL、文件类型限制、最大文件大小等。同时,Java后端需要编写处理...
SWFUpload是一款强大的JavaScript库,它允许用户在浏览器端实现文件的预览、选择和上传功能,尤其适用于处理大文件和多文件上传。此实例结合了ASP.NET技术,提供了一种在Web应用中实现高效、友好的文件上传体验的...
SwfUpload 是一款开源的JavaScript库,专门用于在网页上实现多文件上传功能。它利用了Flash技术,能够在不刷新页面的情况下实现大文件的分块上传,提供了良好的用户体验。EasyUI 是一个基于jQuery的UI框架,它提供了...
**SWFUpload** 是一个基于Flash的文件上传组件,它可以提供多文件选择、文件预览、上传进度显示等功能。由于Flash在当时支持文件选取和上传的特性优于纯JavaScript,因此SWFUpload在多文件上传领域非常流行。它通过...
首先,SWFUpload是一个JavaScript库,它利用Flash技术实现文件的多选和预览,弥补了JavaScript在跨浏览器文件上传方面的限制。在PHP环境中,SWFUpload可以与服务器端进行交互,接收并处理上传的文件。 1. **横排...
SWFUpload 是一款开源的JavaScript库,主要用于在网页上实现文件上传功能,尤其适用于处理大文件上传和批量上传。它利用Flash技术,在不刷新页面的情况下,用户可以选择多个文件并进行上传,提供了一种友好的用户...
本示例解决了strut2+swfupload+extjs4文件上传过程中,后台struts接收不到上传文件的问题。而这个问题如果用servlet做后台可能就不存在。开发者可以用本例源码移植到自己项目中使用 。