基于uploadify封装的jsp的tag标签

package com.util.tag.html;

import java.io.IOException;
import java.io.Writer;
import java.util.Random;
import javax.servlet.jsp.JspException;
import javax.servlet.jsp.tagext.BodyTagSupport;

import org.apache.struts2.ServletActionContext;


/**
 * @author yao
 */
public class UploadifyTag extends BodyTagSupport {
//项目路径
private String basePath = null; //必填
//input type=file 元素
private String id = null;
private String name = null;
//form 表单
private String formID = null; //必填
//auto=false时上传button的ID
private String uploadButtonId = null;
//属性
private String fileTypeExts = "*"; //必填 //文件过滤
private String fileSizeLimit = "2MB";//必填 //文件上传大小
private String fileObjName = "file";  //必填 //后台接收的名字
private String buttonClass = "button"; 
private String fileTypeDesc = "Upload Files"; //文件描述
private String method = "POST";
private String swf = "plugin/uploadify/uploadify.swf";
private boolean removeCompleted = true;
private boolean auto = true;
private boolean overideUploadStart = false;
private boolean multi = false;
private int uploadLimit = 1 ;
private int queueSizeLimit = 1;
private String queueHeight = "30px";
private String uploader = null;  //上传路径
private String queueID = null;  //进度条展示区域ID
//方法
private String uploadStart = null; 
private String uploadSuccess = null;
private String onSelect = null;
private String onUploadComplete = null;
private boolean onlyLibs = false;
//jquery跟uploadify文件地址
private String jqlibs = "plugin/jquery-1.7.1.min.js";
private String uploadifyjs = "plugin/uploadify/jquery.uploadify-3.1.js";
private String uploadifycss = "plugin/uploadify/uploadify.css";
/**
* 主入口方法
*/
@Override
public int doStartTag() throws JspException {
Writer writer = this.pageContext.getOut();
String path = basePath ;
id = (id==null)?getFileElementId():id;
StringBuffer totalStr = getLibs(path);
if(!onlyLibs){
StringBuffer js = getJS(path, id, uploadButtonId);
StringBuffer fileElement = getFileElement(id);
totalStr = totalStr.append(js.append(fileElement));
}
try {
writer.write(totalStr.toString());
} catch (IOException e) {
throw new JspException(e);
}
return super.doStartTag();
}
/**
* 加载js库
* @param path
* @return
*/
public StringBuffer getLibs(String path) {
StringBuffer sb = new StringBuffer();
sb.append("<script  type=\"text/javascript\"  src=\"").append(path).append(jqlibs).append("\"></script>\n");
sb.append("<script  type=\"text/javascript\"  src=\"").append(path).append(uploadifyjs).append("\"></script>\n");
sb.append("<link  type=\"text/css\" rel=\"stylesheet\" href=\"").append(path).append(uploadifycss).append("\">\n");
return sb;
}

/**
* 拼装js
* @param path 项目路径
* @param id input type=file元素ID
* @param uploadButtonId 提交按钮ID
*/
public StringBuffer getJS(String path, String id, String uploadButtonId) {
StringBuffer sb = new StringBuffer();
String tab = "    ";
sb.append("<SCRIPT LANGUAGE=\"JavaScript\">\n");
sb.append(tab).append("$(function() {\n");
//获取form的action,用作uploader的跳转地址
sb.append(tab).append("var uploader = $(\"#").append(formID).append("\").attr('action');").append("\n");
//uploadify开始
sb.append(tab).append("$(\"#").append(id).append("\").uploadify({ \n");
//uploadify属性拼装
sb.append(tab).append(tab).append("'fileTypeExts' : '").append(fileTypeExts).append("',\n");
sb.append(tab).append(tab).append("'fileSizeLimit' : '").append(fileSizeLimit).append("',\n");
sb.append(tab).append(tab).append("'fileObjName' : '").append(fileObjName).append("',\n");
sb.append(tab).append(tab).append("'buttonClass' : '").append(buttonClass).append("',\n");
sb.append(tab).append(tab).append("'fileTypeDesc' : '").append(fileTypeDesc).append("',\n");
sb.append(tab).append(tab).append("'method' : '").append(method).append("',\n");
sb.append(tab).append(tab).append("'swf' : '").append(path).append(swf).append("',\n");
sb.append(tab).append(tab).append("'removeCompleted' : ").append(removeCompleted).append(",\n");
if (null!=uploadButtonId){auto=false;}  sb.append(tab).append(tab).append("'auto' : ").append(auto).append(",\n");
sb.append(tab).append(tab).append("'multi' : ").append(multi).append(",\n");
sb.append(tab).append(tab).append("'uploadLimit' : ").append(uploadLimit).append(",\n");
sb.append(tab).append(tab).append("'queueSizeLimit' : ").append(queueSizeLimit).append(",\n");
sb.append(tab).append(tab).append("'queueHeight' : '").append(queueHeight).append("',\n");
sb.append(tab).append(tab).append("'uploader' : "); if(null==uploader) {sb.append("uploader");} else{sb.append(uploader);} sb.append(" ,\n");
if(null!=queueID) sb.append(tab).append(tab).append("'queueID' : '").append(queueID).append("',\n");
sb.append(tab).append(tab).append("'onUploadStart' : function() {\n"); if (!overideUploadStart) {sb.append(tab).append(tab).append(tab).append("callSetting(getFormData_").append(id).append("());\n");} else{sb.append(tab).append(tab).append(tab).append("callSetting(").append(uploadStart.replace(";", "")).append(")").append(";\n");}sb.append(tab).append(tab).append("}, \n");
sb.append(tab).append(tab).append("'onUploadSuccess' : function(file, data, response) {\n"); if(null != uploadSuccess) {sb.append(tab).append(tab).append(tab).append(uploadSuccess.replace(";", "")).append(";");};sb.append(tab).append(tab).append("}, \n");
sb.append(tab).append(tab).append("'onSelect' : function() {");if (null != onSelect) {sb.append(onSelect);} sb.append("},\n");
sb.append(tab).append(tab).append("'onUploadComplete' : function(file) {");if (null != onUploadComplete) {sb.append(onUploadComplete);}sb.append("},\n");
sb.append(tab).append(tab).append("'onError' : function (event,ID,fileObj,errorObj) {\n");sb.append(tab).append(tab).append(tab).append("alert(errorObj.type + ' Error: ' + errorObj.info);\n");sb.append(tab).append(tab).append("} \n");
//uploadify结束
sb.append(tab).append("});\n");
//动态设置formData属性的值
sb.append(tab).append("var callSetting = function(data){"); sb.append("$(\"#").append(id).append("\").uploadify('settings','formData',eval('('+data+')'));};\n");
//获取表单input元素的信息
sb.append(tab).append("var getFormData_").append(id).append(" = function(){\n");
sb.append(tab).append(tab).append("var str = \"\";\n");
sb.append(tab).append(tab).append("$(\"#").append(formID).append("\").children(\":input\").each(function(){\n");
sb.append(tab).append(tab).append(tab).append("var name  = $(this).attr(\"name\");\n");
//设置过滤信息 sb.append("if(name!='_eosFlowDataContext'&&name!='_eosFlowKey'){\n");
sb.append(tab).append(tab).append(tab).append("var value = $(this).val();\n");
sb.append(tab).append(tab).append(tab).append("str = str +\"'\"+name+ \"':'\" + value+\"',\"\n");
// sb.append("}");
sb.append(tab).append(tab).append("});\n");
sb.append(tab).append(tab).append("return \"{\"+str.substring(0,str.length-1)+\"}\";\n");
sb.append(tab).append("};\n");
//设置提交按钮提交事件
if (null != uploadButtonId) {sb.append("$('#").append(uploadButtonId).append("').click(function(){$('#").append(id).append("').uploadify('upload','*');});");}
sb.append("});\n</SCRIPT>\n");
return sb;
}
/**
* @param id input type=file元素ID
* @return 返回拼装完成后的input type=file 元素
*/
public StringBuffer getFileElement(String id) {
StringBuffer sb = new StringBuffer();
if (null == name) { name = id; }
sb.append("<input type=\"file\" name=\"").append(name).append("\" id=\"").append(id).append("\" />");
return sb;
}

/**
* @return 返回随机input type=file元素id
*/
public String getFileElementId() {
char[] str = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };
StringBuffer saveName = new StringBuffer();
saveName.append("fileUpload");
for (int n = 0; n < 4; n++) {
saveName.append(str[new Random().nextInt(str.length)]);
}
return saveName.toString();
}

public String getBasePath() {
return basePath;
}

public void setBasePath(String basePath) {
this.basePath = basePath;
}

public String getId() {
return id;
}

public void setId(String id) {
this.id = id;
}

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
}

public String getFormID() {
return formID;
}

public void setFormID(String formID) {
this.formID = formID;
}

public String getUploadButtonId() {
return uploadButtonId;
}

public void setUploadButtonId(String uploadButtonId) {
this.uploadButtonId = uploadButtonId;
}

public String getFileTypeExts() {
return fileTypeExts;
}

public void setFileTypeExts(String fileTypeExts) {
this.fileTypeExts = fileTypeExts;
}

public String getFileSizeLimit() {
return fileSizeLimit;
}

public void setFileSizeLimit(String fileSizeLimit) {
this.fileSizeLimit = fileSizeLimit;
}

public String getFileObjName() {
return fileObjName;
}

public void setFileObjName(String fileObjName) {
this.fileObjName = fileObjName;
}

public String getButtonClass() {
return buttonClass;
}

public void setButtonClass(String buttonClass) {
this.buttonClass = buttonClass;
}

public String getFileTypeDesc() {
return fileTypeDesc;
}

public void setFileTypeDesc(String fileTypeDesc) {
this.fileTypeDesc = fileTypeDesc;
}

public String getMethod() {
return method;
}

public void setMethod(String method) {
this.method = method;
}

public String getSwf() {
return swf;
}

public void setSwf(String swf) {
this.swf = swf;
}

public boolean isRemoveCompleted() {
return removeCompleted;
}

public void setRemoveCompleted(boolean removeCompleted) {
this.removeCompleted = removeCompleted;
}

public boolean isAuto() {
return auto;
}

public void setAuto(boolean auto) {
this.auto = auto;
}

public boolean isOverideUploadStart() {
return overideUploadStart;
}

public void setOverideUploadStart(boolean overideUploadStart) {
this.overideUploadStart = overideUploadStart;
}

public boolean isMulti() {
return multi;
}

public void setMulti(boolean multi) {
this.multi = multi;
}

public int getUploadLimit() {
return uploadLimit;
}

public void setUploadLimit(int uploadLimit) {
this.uploadLimit = uploadLimit;
}

public int getQueueSizeLimit() {
return queueSizeLimit;
}

public void setQueueSizeLimit(int queueSizeLimit) {
this.queueSizeLimit = queueSizeLimit;
}

public String getQueueHeight() {
return queueHeight;
}

public void setQueueHeight(String queueHeight) {
this.queueHeight = queueHeight;
}

public String getUploader() {
return uploader;
}

public void setUploader(String uploader) {
this.uploader = uploader;
}

public String getQueueID() {
return queueID;
}

public void setQueueID(String queueID) {
this.queueID = queueID;
}

public String getUploadStart() {
return uploadStart;
}

public void setUploadStart(String uploadStart) {
this.uploadStart = uploadStart;
}

public String getUploadSuccess() {
return uploadSuccess;
}

public void setUploadSuccess(String uploadSuccess) {
this.uploadSuccess = uploadSuccess;
}

public String getOnSelect() {
return onSelect;
}

public void setOnSelect(String onSelect) {
this.onSelect = onSelect;
}

public String getOnUploadComplete() {
return onUploadComplete;
}

public void setOnUploadComplete(String onUploadComplete) {
this.onUploadComplete = onUploadComplete;
}

public boolean isOnlyLibs() {
return onlyLibs;
}

public void setOnlyLibs(boolean onlyLibs) {
this.onlyLibs = onlyLibs;
}
}

-------------------------------------------------------------------------------------------------
<tag>
<name>fileUpload</name>
<tagclass>com.util.tag.html.UploadifyTag</tagclass>
<bodycontent>empty</bodycontent>
<!-- 必填 -->
<attribute>
<name>basePath</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>formID</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>fileTypeExts</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>fileSizeLimit</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>fileObjName</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<!-- 可选 -->
<attribute>
<name>id</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>name</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>uploadButtonId</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>buttonClass</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>fileTypeDesc</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>method</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>swf</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>removeCompleted</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>auto</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>overideUploadStart</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>multi</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>uploadLimit</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>queueSizeLimit</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>queueHeight</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>uploader</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>queueID</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>uploadStart</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>uploadSuccess</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>onSelect</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>onUploadComplete</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>onlyLibs</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>