具体请下载源代码:
(1)写文件上传进度监听器类:
package com.my.other;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;
import org.apache.commons.fileupload.ProgressListener;
public class UploadProgressListener implements ProgressListener {
private long megaBytes = -1;
HttpServletRequest request = null;
UploadInfo progressInfo = null;
public UploadProgressListener(HttpServletRequest request) {
this.request = request;
progressInfo = (UploadInfo)request.getSession().getAttribute("uploadInfo");
if (progressInfo == null) {
progressInfo = new UploadInfo();
request.getSession().setAttribute("uploadInfo", progressInfo);
}
}
public void update(long pBytesRead, long pContentLength, int pItems) {
long mBytes = pBytesRead / 100000;
if (megaBytes == mBytes) {
return;
}
megaBytes = mBytes;
if (pContentLength == -1) {
progressInfo.setStatus("done");
} else {
progressInfo.setFileIndex(pItems);
progressInfo.setTotalSize(pContentLength);
progressInfo.setBytesRead(pBytesRead);
progressInfo.setStatus("progress");
}
}
}
(2)在action中代码如下:
package com.my.other;
import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.DiskFileUpload;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUpload;
import org.apache.commons.fileupload.ProgressListener;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
public class UploadAction extends Action {
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
request.setCharacterEncoding("utf-8");
UploadProgressListener pl = new UploadProgressListener(request);
long start_time = System.currentTimeMillis();
DiskFileUpload fu = new DiskFileUpload();
fu.setProgressListener(pl);
List items = fu.parseRequest(request);
for (int i = 0; i < items.size(); i++) {
FileItem fi = (FileItem)items.get(i);
if (fi.isFormField()) {
} else {
if ("".equals(fi.getName().trim())) {
continue;
}
//取文件内容
String filename = fi.getName();
int pos = filename.lastIndexOf("\\");
filename = filename.substring(pos + 1);
fi.write(new File(this.getServlet().getServletContext().getRealPath("//")
+ "//files//" + filename));
}
}
long end_time = System.currentTimeMillis();
System.out.println("Used time:" + (end_time - start_time ) );
return mapping.findForward("success");
}
}
(3)dwr.xml文件配置
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting
2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">
<dwr>
<allow>
<create javascript="UploadMonitor" creator="new">
<param name="class">com.my.other.UploadMonitor</param>
</create>
<convert match="com.my.other.UploadInfo" converter="bean"></convert>
</allow>
</dwr>
(4)dwr调用的服务类:
package com.my.other;
import org.directwebremoting.WebContextFactory;
import javax.servlet.http.HttpServletRequest;
public class UploadMonitor
{
public UploadInfo getUploadInfo()
{
HttpServletRequest req = WebContextFactory.get().getHttpServletRequest();
if (req.getSession().getAttribute("uploadInfo") != null)
return (UploadInfo) req.getSession().getAttribute("uploadInfo");
else {
return new UploadInfo();
}
}
}
(5)进度信息对象
package com.my.other;
public class UploadInfo
{
private long totalSize = 0;
private long bytesRead = 0;
private long elapsedTime = 0;
private String status = "done";
private int fileIndex = 0;
public UploadInfo()
{
}
public String getStatus()
{
return status;
}
public void setStatus(String status)
{
this.status = status;
}
public long getTotalSize()
{
return totalSize;
}
public void setTotalSize(long totalSize)
{
this.totalSize = totalSize;
}
public long getBytesRead()
{
return bytesRead;
}
public void setBytesRead(long bytesRead)
{
this.bytesRead = bytesRead;
}
public long getElapsedTime()
{
return elapsedTime;
}
public void setElapsedTime(long elapsedTime)
{
this.elapsedTime = elapsedTime;
}
public boolean isInProgress()
{
return "progress".equals(status) || "start".equals(status);
}
public int getFileIndex()
{
return fileIndex;
}
public void setFileIndex(int fileIndex)
{
this.fileIndex = fileIndex;
}
}
(6)页面文件
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type='text/javascript' src='/StrutsFileUpload/dwr/interface/UploadMonitor.js'></script>
<script type='text/javascript' src='/StrutsFileUpload/dwr/engine.js'></script>
<script type='text/javascript' src='/StrutsFileUpload/dwr/util.js'></script>
<script type='text/javascript' src='/StrutsFileUpload/resources/upload.js'> </script>
<style type="text/css">
#progressBar { padding-top: 5px; }
#progressBarBox { width: 350px; height: 20px; border: 1px inset; background: #eee;}
#progressBarBoxContent { width: 0; height: 20px; border-right: 1px solid #444; background: #9ACB34; }
</style>
</head>
<body>
<h1>文件上传演示</h1><br>
<form action="upload.do" method="post" enctype="multipart/form-data" onsubmit="startProgress()">
学生编码:<input type="text" name="code" value="001"><br>
学生姓名:<input type="text" name="name" value="zhangsan"><br>
附件1:<input type="file" name="file1" id="file1"><br>
附件2:<input type="file" name="file2" id="file2"><br>
<div id="progressBar" style="display: none">
<div id="theMeter">
<div id="progressBarText"></div>
<div id="progressBarBox">
<div id="progressBarBoxContent"></div>
</div>
</div>
</div>
<input type="submit" value="提交" id="uploadbutton">
<input type="reset">
</form>
</body>
</html>
分享到:
相关推荐
swfupload多文件上传带进度条实例,vs2012开发,net4.0框架,可上传多个文件,上传类型、上传大小、上传数量可控,已测试成功!
struts 单文件上传和多文件上传带进度条
最近因工作需要开发一个视频网站涉及到百兆视频上传,于是查阅各种资料实现php大文件上传,拿出来和大家共享下。 实现方法php_apc扩展。在php.ini自行安装apc扩展并作相应设置。
文件上传 带进度条 多种风格 非常漂亮!
layui+PHP文件上传,附上传进度条。这是一个DEMO集合,集合了很多JS等DEMO效果,在左侧菜单打开LayUI Demo中看文件上传即可看本资源效果。
JSP文件上传带进度条(很灵巧的方式)JSP文件上传带进度条(很灵巧的方式)JSP文件上传带进度条(很灵巧的方式)JSP文件上传带进度条(很灵巧的方式)
asp.net文件上传带进度条 文件上传 ajax文件上传
web 大文件上传 带进度条 asp----------
JAVA -jquery--fileupload 文件上传带进度条 已测可用.
度条文件上传带进度条文件上传带进度条文件上传
大文件上传 带进度条 asp.net 可独立于系统外部单独设置虚拟目录。 主页:www.hchsoft.com.cn
uploaddify+php多文件上传,带进度条,经过自己测试,文件可以上传成功,可以进入uploaddify官网修改相关参数和代码,但在移动端似乎不能使用
jsp大文件上传,进度条,ajax,上传大的文件
文件上传带进度条,参照网上流传的一些技术,模仿而成。
fileupload单文件上传带进度条,源码下载。欢迎大家学习。
支持超大文件上传带进度条示例,java源码,经测试多大都没问题
java 文件上传带进度条,代码例子详细写在里面
servlet 文件上传带进度条,直接到入工程就可用,
ajax文件上传带进度条,带判断上传文件是否合法,ajax实现上传文件带进度条。
android OkHttp上传文件并带进度条