—》最近由于项目需要使用到一个上传插件，在网上发现uploadify挺不错，所以决定使用它，但是官网文档和例子是php的，而项目是SSI框架的，所以自己对uploadify在struts2中的使用进行了一番研究，最终实现了。发现网上关于这方面的资料很少，而且有的一两篇例子还不大全，网友提问质疑很多，所以，下面我特将我的代码公布：

--------------------------------------------------------------------- 
步骤一： 到官网上下载uploadify的JS文件。注意，还得需要Jquery文件。还没有的朋友，自己到www.jquery.com上面找来下载吧。

Uploadify在线演示：在线Demo

Uploadify配置参数及接口文档：http://www.uploadify.com/documentation

Uploadify插件下载地址：http://www.uploadify.com/download

-------------------------------------------------------------------- 
步骤二：下载好uploadify压缩包文件后，解压文件包。在文件夹中找到以下五个文件，并添加到项目的对应路径中： 
    jquery.uploadify.v2.1.0.js 
   swfobject.js 
   uploadify.swf 
   uploadify.css 
   cancel.png

--------------------------------------------------------------------- 
步骤三：书写JSP文件，以下截取核心部分。也就是和upload有关的代码。

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

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

<script type="text/javascript" src="<%=path %>/js/tech/jquery/jquery.js"></script> 
<script type="text/javascript" src="<%=path %>/js/tech/jquery/swfobject.js"></script> 
<script type="text/javascript" src="<%=path %>/js/tech/jquery/jquery.uploadify.v2.1.0.js"></script>

<link href="<%=path %>/css/tech/jquery/uploadify.css" rel="stylesheet" type="text/css" />

<script type="text/javascript"> 
        $(document).ready(function() { 
            $("#fileupload").uploadify({ 
                /*注意前面需要书写path的代码*/ 
                'uploader'       : '<%=path%>/medium/jquery/uploadify.swf', 
                'script'         : '<%=path%>/commonutil/uploadUtil.action', 
                'cancelImg'      : '<%=path%>/pic/tech/jquery/uploadify/cancel.png', 
                'queueID'        : 'fileQueue', //和存放队列的DIV的id一致 
                'fileDataName'   : 'fileupload', //和以下input的name属性一致 
                'auto'           : false, //是否自动开始 
                'multi'          : true, //是否支持多文件上传 
                'buttonText'     : 'Browse', //按钮上的文字 
                'simUploadLimit' : 3, //一次同步上传的文件数目 
                'sizeLimit'      : 19871202, //设置单个文件大小限制 
                'queueSizeLimit' : 2, //队列中同时存在的文件个数限制 
                'fileDesc'       : '支持格式:jpg/gif/jpeg/png/bmp.', //如果配置了以下的'fileExt'属性，那么这个属性是必须的
                'fileExt'        : '*.jpg;*.gif;*.jpeg;*.png;*.bmp',//允许的格式   
            onComplete: function (event, queueID, fileObj, response, data) { 
$('<li></li>').appendTo('.files').text(response); 
}, 
onError: function(event, queueID, fileObj) { 
             alert("文件:" + fileObj.name + "上传失败"); 
       }, 
       onCancel: function(event, queueID, fileObj){ 
       alert("取消了" + fileObj.name); 
       } 
            });

}); 
        </script>

<script type="text/javascript"> 
                  //必须的 
function uploadifyUpload(){ 
   $('#fileupload').uploadifyUpload(); 
} 
</script>

......(该部分为其他无关的JSP代码，省略)

<tr> 
<td>上传图片：</td> 
<td> 
<input type="file" name="fileupload" id="fileupload" /> 
<div id="fileQueue"></div> 
<p> 
<a href="javascript:;" onClick="javascript:uploadifyUpload()">开始上传</a>&nbsp; 
<a href="javascript:jQuery('#fileupload').uploadifyClearQueue()">取消所有上传</a> 
</p> 
<ol class="files"></ol> 
</td> 
</tr>

-------------------------------------------------------------------- 
步骤四：书写处理上传的ACTION类，下面给出实现代码：

public class UploadUtilAction extends ActionSupport{

private File fileupload; //和JSP中input标记name同名 
    
    //Struts2拦截器获得的文件名,命名规则，File的名字+FileName 
    //如此处为 'fileupload' + 'FileName' = 'fileuploadFileName' 
    private String fileuploadFileName; //上传来的文件的名字

public File getFileupload() { 
return fileupload; 
}

public void setFileupload(File fileupload) { 
this.fileupload = fileupload; 
}

public String getFileuploadFileName() { 
return fileuploadFileName; 
}

public void setFileuploadFileName(String fileuploadFileName) { 
this.fileuploadFileName = fileuploadFileName; 
}

public String uploadFile() throws Exception {

String extName = ""; //保存文件拓展名 
String newFileName = ""; //保存新的文件名 
String nowTimeStr = ""; //保存当前时间 
SimpleDateFormat sDateFormat; 
        Random r = new Random(); 
        
String savePath = ServletActionContext.getServletContext().getRealPath(""); //获取项目根路径 
savePath = savePath + "/pic/secondhand/"; /*拼串组成要上传保存文件的路径，即：D:/Program Files/apache-tomcat-6.0.20/webapps/(项目名)/pic/secondhand 这样的路径*/ 
        
        HttpServletResponse response  = ServletActionContext.getResponse(); 
        response.setCharacterEncoding("utf-8"); //务必，防止返回文件名是乱码 
        
        //生成随机文件名：当前年月日时分秒+五位随机数（为了在实际项目中防止文件同名而进行的处理）   
        int rannum = (int) (r.nextDouble() * (99999 - 10000 + 1)) + 10000; //获取随机数 
        sDateFormat = new SimpleDateFormat("yyyyMMddHHmmss"); //时间格式化的格式 
        nowTimeStr = sDateFormat.format(new Date()); //当前时间 
        
        //获取拓展名 
        if (fileuploadFileName.lastIndexOf(".") >= 0){   
            extName = fileuploadFileName.substring(fileuploadFileName.lastIndexOf("."));   
        } 
        
        newFileName = nowTimeStr + rannum + extName; //文件重命名后的名字 
fileupload.renameTo(new File(savePath + newFileName)); //保存文件

response.getWriter().print(fileuploadFileName + " 上传成功");//向页面端返回结果信息

return null; //这里不需要页面转向，所以返回空就可以了 
    } 
}

---------------------------------------------------------------------- 
步骤五：配置struts.xml文件

<?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE struts PUBLIC 
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" 
    "http://struts.apache.org/dtds/struts-2.0.dtd">

<struts> 
  
    <package name="commonutil" extends="struts-default" namespace="/commonutil"> 
    
    <!-- 用于处理上传文件的公用ACTION，我因为项目使用了spring，所以class这样配置，否则，需要正常进行配置写完整类路径，此外，这里不需要配result节点--> 
    <action name="uploadUtil" class="uploadUtilAction" method="uploadFile"> 
        </action> 
        
    </package>

</struts>

---------------------------------------------------------------------- 
      以上就是全部代码的书写。经测试，是没问题的。

最后需要补充的一点是：当设置了'sizeLimit'属性来设置单个文件大小限制时候，在选择文件时候当超过大小时候是不提示的，还是会添加到队列中，但是，当点击 开始上传 的时候，才会进行对应提示。我觉得这也是这个插件一个不完美的地方，有兴趣的朋友可以自己写下方法去实现这一环节，让在选文件的时候就进行提示，超过大小就不允许添加进队列中吧。

好了，其他相关的说明，我在代码中关键的地方都已经注释很清楚了，大家仔细阅读注释，就可以懂怎么使用。

文件上传插件Uploadify在Struts2中的应用，完整详细实例的更多相关文章

  1. JQuery文件上传插件uploadify在MVC中Session丢失的解决方案

    <script type="text/javascript"> var auth = "@(Request.Cookies[FormsAuthenticati ...

  2. 强大的支持多文件上传的jQuery文件上传插件Uploadify

    支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Fla ...

  3. jQuery文件上传插件Uploadify（转）

    一款基于flash的文件上传,有进度条和支持大文件上传,且可以多文件上传队列. 这款在flash的基础上增加了html5的支持,所以在移动端也可以使用. 由于官方提供的版本是flash免费,html5 ...

  4. 关于jquery文件上传插件 uploadify 3.1的使用

    要使用uplaodify3.1,自然要下载相应的包,下载地址http://www.uploadify.com/download/,这里有两种包,一个是基于flash,免费的,一个是基于html5,需要 ...

  5. Struts2文件上传--多文件上传(插件uploadify)

    公司需要把以前的Struts2自带的图片上传替换掉,因为不能一个file选择多个文件,本人直接百度搜索图片插件,  貌似就它(uploadify3.2.1)在最前面,也找过很多案例, 其中有不少问题, ...

  6. jQuery文件上传插件uploadify

    官方网站:http://www.uploadify.com/ 参考博客:jQuery Uploadify在ASP.NET MVC3中的使用 参考博客:使用uploadify上传图片时返回“Cannot ...

  7. 文件异步上传，多文件上传插件uploadify

    本文中使用java作为例子 uploadify下载 http://files.cnblogs.com/chyg/uploadify.zip jsp页面中需要引入: <script type=&q ...

  8. 文件上传插件uploadify详解

    官网:http://www.uploadify.com/ 基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上 ...

  9. jQuery上传插件Uploadify 3.2在.NET下的详细例子

    项目中要使用Uploadify 3.2来实现图片上传并生成缩略通的功能,特此记下来,以供各位参考! Uploadify下载地址:http://www.uploadify.com/download/ 下 ...

随机推荐

  1. poj 3671 Dining Cows (Dp)

    /* 一开始并没有想出On的正解 后来发现题解的思路也是十分的巧妙的 还是没能把握住题目的 只有1 2这两个数的条件 dp还带练练啊 ... */ #include<iostream> # ...

  2. 转 - Web新人（偏前端）应该怎样学习（个人观点，勿喷）

    我自己是会计专业,转行自学web的,学习有一两年了,也还是新人一个,只不过不是那种超级“新”的,所以有什么话说得不对,请轻喷.欢迎大家来和我交流. 1.我能不能转行学web? 能不能学web这个不是别 ...

  3. ASP.NET-FineUI开发实践-6

    FineUI4.1.0更新,传说的V4版稳定版,很多人也从3.0+升级了,接着又连续更新了几次,现在是V4.1.3 2014-09-09日更新的.更新的挺快,感觉跟不上节奏,我很欣慰,看来开原版还是靠 ...

  4. 文本溢出、垂直外边距合并、BFC、hasLayout

    今天学习文本溢出,又遇到了一些小问题,先上图: 关于文本溢出推荐:http://www.cnblogs.com/yzg1/p/5089534.html 从里面学习到单行文本和多行文本溢出, overf ...

  5. UFLDL课程学习（一）

    章节地址:http://ufldl.stanford.edu/tutorial/supervised/LinearRegression/ 章节名称:线性回归 (Linear Regression) 第 ...

  6. asp.net微信开发第九篇----模板消息的使用

    微信平台的模板消息,使用起来非常好,效果如下: 和平时我们微信中关注信用卡官方微信,如果消费了,信用卡官方微信就返回一个模板消息给我们告知,余额还有多少,消费了多少. 使用的步骤,我只简单介绍了怎么使 ...

  7. 怎样取得数组对象和arralist 的长度

    数组用length属性 ArrayList用size()方法

  8. DHCP Relay 简介

    DHCP Relay(DHCPR)DHCP中继 也叫做DHCP中继代理 如果DHCP客户机与DHCP服务器在同一个物理网段,则客户机可以正确地获得动态分配的ip地址.如果不在同一个物理网段,则需要DH ...

  9. Linux samba服务器设置简单匿名共享

    linux下面的samba非常的好用,很多人拿它来作共享文件服务器, 缺省配置下,samba必须提供用户名密码来访问,如果是所有人都可以访问的内容,那么是比较麻烦的,其实通过一个设置,即可实现不用输入 ...

  10. php中iconv函数的一个小bug--转载

    iconv转换字符集很好用,但是有时候你会发现iconv转换的时候会返回false或者空字符串,严格说来这算不上是iconv的问题,这其实是字符集的问题,但是实际编码中应该算是iconv的bug了. ...