在Struts2中使用Uploadify组件上传文件

Uploadify是一个基于Jquery的文件上传组件，官网http://www.uploadify.com/可以在官网获得该组件，运行演示示例，下载帮助文档。
    作为Web前端的增强技术，Jquery给用户以更好的体验和交互，增强富互联网客户端特效，而基于Jquery的Uploadify更是将文件上传效果发挥到极致。
    一个项目下，需要开发一个上传文件的应用，项目基于Struts2，传统使用input标签的file属性上传是同步的，没有实时效果的。为了增强体验，一个偶然的机会让我发现了这个组件Uploadify。但是官方仅提供基于PHP的上传源码，那么在Struts2下的，就得自行研究了。
    废话不多说，让我们一步一步领略Uploadify带来的不同感受。
1.支持的文件
jquery.js,jquery.uploadify.js,uploadify.css;怎获得就不多说了。
2.HTML页面源码

    private File upload;//和HTML中input标记name同名  
    private String uploadFileName;//Struts2拦截器获得的文件名  
    public void setUpload(File upload) {  
        this.upload = upload;  
    }  
    public void setUploadFileName(String uploadFileName) {  
        this.uploadFileName = uploadFileName;  
    }  
public String uploadFile() throws Exception {  
                  //省略数据处理步骤  
        upload.renameTo(new File(realURL));  
                  //省略数据库写入步骤  
        return "uploadFile";  
    }  

private File upload;//和HTML中input标记name同名
	private String uploadFileName;//Struts2拦截器获得的文件名
	public void setUpload(File upload) {
		this.upload = upload;
	}
	public void setUploadFileName(String uploadFileName) {
		this.uploadFileName = uploadFileName;
	}
public String uploadFile() throws Exception {
                  //省略数据处理步骤
		upload.renameTo(new File(realURL));
                  //省略数据库写入步骤
		return "uploadFile";
	}

效果图

19
顶

1
踩

分享到：

'script'         : 'file!update.action',  

'script'         : 'file!update.action',

'script'         : '${base}/file/file!update.action',  
'script'         : '../file/file!update.action',  

'script'         : '${base}/file/file!update.action',
'script'         : '../file/file!update.action',

'script'         : 'file!update.action',  

'script'         : 'file!update.action',

'script'         : '${base}/file/file!update.action',  
'script'         : '../file/file!update.action',  

'script'         : '${base}/file/file!update.action',
'script'         : '../file/file!update.action',

10 楼 uestc2510 2009-11-13   引用