文档章节

jQuery 异步上传插件 Uploadify 使用 (Java平台)

abcijkxyz
 abcijkxyz
发布于 2016/08/06 12:05
字数 580
阅读 49
收藏 0

Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。而且是Ajax的,省去了自己写Ajax上传功能的麻烦。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在J2EE中的使用。


1.引入头文件(注意一定要把jQuery放在前面):

注意:uploader是上传的Action路径名;formData是传递给Action的参数列表。

<script src="lib/jquery-1.8.3.min.js"></script>
<script src="lib/uploadify/jquery.uploadify.min.js" type="text/javascript"></script>
<script type="text/javascript">
		$(function() {
			$('#projectfile').uploadify({
				'swf'      : 'lib/uploadify/uploadify.swf',
				'uploader' : 'ProjectfileAdd.action',
				'formData': {'projectid': '${project.id}'},
				'fileObjName' : 'file',
				'fileSizeLimit' : '0',
				'onQueueComplete' : function(queueData) {
            		alert(queueData.uploadsSuccessful + ' files were successfully uploaded.');
        			}
				
			});
		});
</script>

2.需要上传的地方添加一个<form>,里面有一个<input>(注意其id属性):

<form>
	<input id="projectfile" name="file" type="file" ></input>
</form>

3.看一下<input>效果如下,还挺美观的


4.后台的Action就是一个普通的上传文件的Action,示例如下:

package dc.action.projectfile;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.sql.Timestamp;
import java.util.Date;
import java.util.Map;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;

import dc.bean.Project;
import dc.bean.Projectfile;
import dc.bean.User;
import dc.service.ProjectService;
import dc.service.ProjectfileService;

public class ProjectfileAdd extends ActionSupport {
	private static final int FILE_SIZE=16*1024;
	private int projectid;
	private ProjectService projectService;
	private ProjectfileService projectfileService;
	private File file;
	private String fileFileName;
	private String fileContentType;
	
	public int getProjectid() {
		return projectid;
	}

	public void setProjectid(int projectid) {
		this.projectid = projectid;
	}

	public ProjectService getProjectService() {
		return projectService;
	}

	public void setProjectService(ProjectService projectService) {
		this.projectService = projectService;
	}

	public ProjectfileService getProjectfileService() {
		return projectfileService;
	}

	public void setProjectfileService(ProjectfileService projectfileService) {
		this.projectfileService = projectfileService;
	}

	public File getFile() {
		return file;
	}

	public void setFile(File file) {
		this.file = file;
	}

	public String getFileFileName() {
		return fileFileName;
	}

	public void setFileFileName(String fileFileName) {
		this.fileFileName = fileFileName;
	}

	public String getFileContentType() {
		return fileContentType;
	}

	public void setFileContentType(String fileContentType) {
		this.fileContentType = fileContentType;
	}

	public static int getFileSize() {
		return FILE_SIZE;
	}

	//写入文件时候用到的函数
	 public void upLoadFile(File source,File target){
		  InputStream in=null;
		  OutputStream out=null;
		  try{
		   in=new BufferedInputStream(new FileInputStream(source),FILE_SIZE);
		   out=new BufferedOutputStream(new FileOutputStream(target),FILE_SIZE);
		   //in-->image-->out
		   byte[] image=new byte[FILE_SIZE];
		   while(in.read(image)>0){
		    out.write(image);
		   }
		  }catch(IOException ex){
		   ex.printStackTrace();
		  }finally{
		   try{
		    in.close();
		    out.close();
		   }catch(IOException ex){
			ex.printStackTrace();
		   }
		  }
		 }
	 
		public String execute() {
			try {
				Projectfile projectfile=new Projectfile();
				projectfile.setName(fileFileName);
				Project project=projectService.ReadByID(projectid);
				projectfile.setProject(project);
				projectfile.setModifytime( new Timestamp(new Date().getTime()));
				String filepath="file/"+project.getId()+"/"+fileFileName;
				projectfile.setFilepath(filepath);
				projectfile.setFilesize(file.length());
				//不是连接到外网的文件
				projectfile.setFilelink(0);
				projectfile.setContenttype(fileContentType);
				//--记录编辑人------------------
				ActionContext context = ActionContext.getContext();
				Map sessionMap = context.getSession();
				User currentuser=(User)sessionMap.get("user");
				projectfile.setUser(currentuser);
				//------------------------------
				//projectfile.setFilesize(1);
				projectfileService.save(projectfile);
				//文件上传,存至硬盘
				//ServletActionContext.getServletContext().getRealPath获得webRoot绝对路径
				String realfilePath=ServletActionContext.getServletContext().getRealPath("file")
				  +"/"+project.getId()+"/"+this.fileFileName;
				File targetFile=new File(realfilePath);
				targetFile.getParentFile().mkdirs();
				upLoadFile(file,targetFile);
			} catch (Exception ex) {
				ex.printStackTrace();
				return ERROR;
			}
			return SUCCESS;
		}
}

Uploadify官方网站: http://www.uploadify.com/

Uploadify下载:http://download.csdn.net/detail/leixiaohua1020/6376463


本文转载自:http://blog.csdn.net/leixiaohua1020/article/details/12651555

共有 人打赏支持
abcijkxyz
粉丝 63
博文 6196
码字总数 1876
作品 0
深圳
项目经理
私信 提问

暂无文章

总结:volatile关键字

实现内存可见性原理: 对volatile变量执行写操作时,会在写操作之后加入一条store指令,将CPU缓存数据强制刷新到主内存中 对volatile变量执行读操作的时候,会在读操作前加入一条load指令,重...

浮躁的码农
31分钟前
0
0
OSChina 周六乱弹 —— 看见这花臂了么?赶紧叫大佬!

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @宇辰OSC :分享周华健的单曲《有没有一首歌会让你想起我》 《有没有一首歌会让你想起我》- 周华健 手机党少年们想听歌,请使劲儿戳(这里) ...

小小编辑
今天
119
4
Confluence 6 升级中的一些常见问题

升级的时候遇到了问题了吗? 如果你想尝试重新进行升级的话,你需要首先重新恢复老的备份。不要尝试再次对 Confluence 进行升级或者在升级失败后重新启动老的 Confluence。 在升级过程中的一...

honeymoose
今天
2
0
C++随笔(四)Nuget打包

首先把自己编译好的包全部准备到一个文件夹 像这样 接下来新建一个文本文档,后缀名叫.nuspec 填写内容 <?xml version="1.0"?><package xmlns="http://schemas.microsoft.com/packaging/201......

Pulsar-V
今天
3
0
再谈使用开源软件搭建数据分析平台

三年前,我写了这篇博客使用开源软件快速搭建数据分析平台, 当时收到了许多的反馈,有50个点赞和300+的收藏。到现在我还能收到一些关于dataplay2的问题。在过去的三年,开源社区和新技术的发...

naughty
今天
23
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部