Uploadify的使用（java版）

neolimeng

浏览: 83684 次
性别:
来自: 北京

最近访客更多访客>>

fmbobin

sealinesu

YeSuiYuZou

zhb2016

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

Java Servlet jQuery JavaScript CSS

Web上传文件是一个很常用的功能，试用过不少上传组件，要么是每次只能选择一个文件，要么是选择了文件后不能取消，直接上传，要么就是对文件、队列等限制支持不佳。总之仅仅是依靠JavaScript的实现不太好用，Flash+JavaScript的方式似乎对于这种上传需求满足得更好。
今天试用了一下uploadify，发现效果不错，可以看看它的Demo。
首先下载，选最上面那个最新的版本，下载回来的压缩包包括所有源文件和php的例子外加上pdf文档，真是比较厚道。
他的实现是用的PHP，当然可以使用任何其他后台语言进行实现，这里我用Java实现一把，为了便于观看，放上工程布局。
注意：工程中需要引入commons-fileupload的包。

这里只列举需要自己修改或实现的代码：
upload.java

package servlet;

import java.io.File;

import java.io.IOException;

import java.util.Iterator;

import java.util.List;

import java.util.UUID;

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;

@SuppressWarnings("serial")

public class Upload extends HttpServlet {

@SuppressWarnings("unchecked")

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

String savePath = this.getServletConfig().getServletContext()

.getRealPath("");

savePath = savePath + "/uploads/";

File f1 = new File(savePath);

System.out.println(savePath);

if (!f1.exists()) {

f1.mkdirs();

}

DiskFileItemFactory fac = new DiskFileItemFactory();

ServletFileUpload upload = new ServletFileUpload(fac);

upload.setHeaderEncoding("utf-8");

List fileList = null;

try {

fileList = upload.parseRequest(request);

} catch (FileUploadException ex) {

return;

}

Iterator<FileItem> it = fileList.iterator();

String name = "";

String extName = "";

while (it.hasNext()) {

FileItem item = it.next();

if (!item.isFormField()) {

name = item.getName();

long size = item.getSize();

String type = item.getContentType();

System.out.println(size + " " + type);

if (name == null || name.trim().equals("")) {

continue;

}

//扩展名格式：

if (name.lastIndexOf(".") >= 0) {

extName = name.substring(name.lastIndexOf("."));

}

File file = null;

do {

//生成文件名：

name = UUID.randomUUID().toString();

file = new File(savePath + name + extName);

} while (file.exists());

File saveFile = new File(savePath + name + extName);

try {

item.write(saveFile);

} catch (Exception e) {

e.printStackTrace();

}

response.getWriter().print(name + extName);

}

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Uploadify</title>

$(document).ready(function() {

$("#uploadify").uploadify({

'uploader' : 'uploadify.swf',

'script' : 'servlet/Upload',

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

'folder' : 'uploads',

'queueID' : 'fileQueue',

'auto' : false,

'multi' : true,

'simUploadLimit' : 2,

'buttonText' : 'BROWSE'

});

</script>

</head>

<body>

<p>

<a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a>

</p>

</body>

</html>

web.xml

<?xml version="1.0" encoding="UTF-8"?>

<web-app 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">

<servlet-name>Upload</servlet-name>

<servlet-class>servlet.Upload</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>Upload</servlet-name>

<url-pattern>/servlet/Upload</url-pattern>

</servlet-mapping>

<welcome-file-list>

<welcome-file>index.jsp</welcome-file>

</welcome-file-list>

</web-app>

文中没有对代码进行过多说明，java和xml相信搞java的人都看得懂，jsp中涉及到Uploadify的调用方式和参数设置，这些详细的设置信息可以参考Uploadify的文档，根据自己的需要进行设置。

分享到：

常用软件开发模型比较分析 | 可重用资产规范（RAS）介绍

2009-12-22 22:52
浏览 10162
评论(7)
分类:Web前端
查看更多

7 楼 zalbelieve 2011-08-31

很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。很给力呀。

6 楼 linuxfans.li 2011-06-30

楼主，我执行你的例子不成功，报http error,可否把你的例子打包给个下载地址呢
fileList = upload.parseRequest(request);
这句执行不成功，没报错，代码也不继续往下执行
求能运行的例子打包下载，谢谢

5 楼 lqixv 2011-02-18

有这样一个问题：如果 flash 按钮的尺寸小于按钮图片的大小，那么，flash 按钮只显示了一部分按钮图片。

我想要让 flash 显示完整的按钮图片，怎么做？

4 楼 lqixv 2011-02-15

非常感谢，很好用！

3 楼 hanbin51987 2010-08-25

先顶你在看正需要这个~~

2 楼 sumaolin 2010-06-10

谢谢啦，刚测试了下，可以用

1 楼爱老虎哟 2010-05-23

非常感谢了

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论