Struts2 Ajax 上传文件，显示进度
大家可能以前用ajax上传文件时，是把form提交到<iframe></iframe>,HTML代码如下：
<form action="uploadAction.action" enctype="multipart/form-data" id="fileform" name="fileform" method="post"
target="upload-target">
<input type="file" value="浏览" name="upload" />
<input type="submit" value="提交"/>
</form>
<iframe id="upload-target"></iframe>
这样不用跳转页面就可以实现文件的上传,Action的代码如下：
public class UploadAction extends ActionSupport {
//上传的文件
private File upload;
//上传文件的类型
private String uploadContentType;
上传文件的文件名
private String uploadFileName;
//getter setter
@Override
public String execute() throws Exception {
System.out.println(upload.length());
FileOutputStream fos = new FileOutputStream(ServletActionContext.getServletContext().getRealPath("/") + uploadFileName);
FileInputStream fis = new FileInputStream(upload);
byte[] buffer = new byte[10240];
int len = 0;
double temp = 0;
int total = fis.available();
while((len = fis.read(buffer)) > 0){
fos.write(buffer, 0, len);
fos.flush();
}
fis.close();
fos.close();
return SUCCESS;
}
这样就可以在一个页面上上传文件了。但怎么显示上传文件的进度呢。一开始我的想法是在Action增加一个perc属性，该属性存放着上传的进度，再增加一个方法，输出perc的值.
private double perc;
public String ajaxGetPerc() throws Exception{
HttpServletResponse response = ServletActionContext.getResponse();
PrintWriter writer = null;
writer = response.getWriter();
writer.println(perc);
writer.flush();
writer.close();
return null;
}
最后试验了一下，发现该方法行不通，能上传文件，使用ajax返回的进度值始终是0;
想想第二种方法，使用线程的方式上传文件，并把进度值保存在session中， 并且要使用两个页面，一个页面负责文件的上传，一个负责显示进度。详细代码如下：
upload.jsp负责文件的上传,是一个很普通的HTML页面
<body>
<h1>文件上传</h1>
<form action="uploadAction.action" enctype="multipart/form-data" id="fileform" name="fileform" method="post"
>
<input type="file" value="浏览" name="upload" />
<input type="submit" value="提交"/>
</form>
</body>
showPerc.jsp使用ajax间隔的查询进度值
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="<%=path %>/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
var xmlHttp ;
function createXMLHttp(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else{
xmlHttp = new XMLHttpRequest() ;
}
}
function ajaxSend(){
createXMLHttp() ;
var url ="<%=path %>/getUploadPerc.action?random=" + Math.random(); ;
xmlHttp.onreadystatechange = handler ;
xmlHttp.open("GET",url,true) ;
//xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(null) ;
}
function handler(){
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
var percent = xmlHttp.responseText ;
document.getElementById('pre').innerHTML = percent;
var t = setTimeout("ajaxSend()",100) ;
if(percent == 100){
alert('上传完成');
clearTimeout(t);
}
}
}
return true;
}
window.onload = function(){
ajaxSend();
}
</script>
<title>文件上传</title>
</head>
<body>
<h1>进度条</h1>
<div id="pre"></div>
</body>
</html>
Action代码
package com.struts.action;
import java.io.*;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.apache.struts2.ServletActionContext;
import com.opensymphony.xwork2.ActionSupport;
public class UploadAction extends ActionSupport {
private String title;
private File upload;
private String uploadContentType;
private String uploadFileName;
private String savePath;
private double perc;
public double getPerc() {
return perc;
}
public void setPerc(double perc) {
this.perc = perc;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public File getUpload() {
return upload;
}
public void setUpload(File upload) {
this.upload = upload;
}
public String getUploadContentType() {
return uploadContentType;
}
public void setUploadContentType(String uploadContentType) {
this.uploadContentType = uploadContentType;
}
public String getUploadFileName() {
return uploadFileName;
}
public void setUploadFileName(String uploadFileName) {
this.uploadFileName = uploadFileName;
}
public String getSavePath() {
return savePath;
}
public void setSavePath(String savePath) {
this.savePath = savePath;
}
@Override
public String execute() throws Exception {
System.out.println(upload.length());
File toFile = new File(ServletActionContext.getServletContext().getRealPath("/") + uploadFileName);
HttpSession session = ServletActionContext.getRequest().getSession();
session.setAttribute("perc", 0);
UploadThread uploadThread = new UploadThread(upload,toFile,session);
Thread thread = new Thread(uploadThread);
thread.start();
return SUCCESS;
}
public String ajaxGetPerc() throws Exception{
HttpSession session = ServletActionContext.getRequest().getSession();
System.out.println("session perc------" + session.getAttribute("perc"));
//ServletActionContext.getResponse().getOutputStream().println((String)session.getAttribute("perc"));
HttpServletResponse response = ServletActionContext.getResponse();
PrintWriter writer = null;
writer = response.getWriter();
int perc = (Integer)session.getAttribute("perc");
writer.println(perc);
writer.flush();
writer.close();
return null;
}
}
/**
*
*
* 因为原本文件上传完才能跳转，故在一个线程中上传文件，加速跳转到showPerc.jsp去显示进度.
*
*/
class UploadThread implements Runnable {
//在当前线程中上传的文件.
private File from ;
//保存到服务器硬盘上的位置.
private File to ;
//HttpSession需要传递过来，直接以ServletActionContext.getRequest.getSession将会抛出NullPointerException.
private HttpSession httpSession;
//构造方法，用来传址.
public UploadThread(File from, File to , HttpSession httpSession) {
this.from = from;
this.to = to;
this.httpSession = httpSession;
}
//线程中处理上传.
@Override
public void run() {
copy(from, to , httpSession);
}
//自己实现的上传方法，因为需要计算进度，所以无法使用IOUtils.copy(InputStream in , OutputStream out)方法了.
/**
* @param from 需要上传的文件.
* @param to 保存到服务器上的位置.
* @param httpSession 得到当前窗口的session.
*/
public void copy(File from, File uploadFile , HttpSession httpSession) {
InputStream fis;
try {
fis = new FileInputStream(from);
OutputStream fos = new FileOutputStream(uploadFile);
byte[] buffer = new byte[10240];
int len = 0;
double temp = 0;
int perc = 0;
int total = fis.available();
while((len = fis.read(buffer)) > 0){
fos.write(buffer, 0, len);
fos.flush();
temp += len;
perc = (int)(temp / total * 100);
//System.out.println(perc + "----------------" + total);
httpSession.setAttribute("perc", perc);
Thread.sleep(200);
}
fis.close();
fos.close();
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
struts.xml配置文件
<action name="uploadAction" class="com.struts.action.UploadAction">
<result>/showloadbar.jsp</result>
<result name="input">/upload.jsp</result>
<interceptor-ref name="fileUpload">
<param name="allowedTypes">image/bmp,image/png,image/gif,image/jpeg</param>
<param name="maximumSize">20000000000</param>
</interceptor-ref>
<interceptor-ref name="defaultStack"/>
</action>
<action name="getUploadPerc" class="com.struts.action.UploadAction" method="ajaxGetPerc">
</action>
在这里我设置只能上传图片文件.
可以上传文件，并能显示进度。但这里使用session存取进度值，会加重服务器的负担。各位有什么好的方法可以告诉我。谢谢
分享到：
相关推荐
在Struts2中实现文件上传功能，通常会涉及到处理大文件、用户体验优化等问题，如显示文件上传进度条。这个场景下，我们结合Ajax技术，可以创建一个实时反馈文件上传进度的动态界面，提升用户交互体验。 首先，我们...
Struts2是一个非常流行的Java Web框架，...总的来说，Struts2多文件上传并显示进度的实现需要结合前端和后端的技术，通过AJAX和XMLHttpRequest的`onprogress`事件来动态更新进度条，同时确保后端处理的高效和安全性。
在这个项目中，Struts2提供了一套灵活的动作和拦截器机制，使得文件上传可以通过自定义Action类来实现，同时它支持与Ajax的交互，可以实现无刷新的进度条展示。 2. **Spring**：Spring框架是一个全面的企业级应用...
需要注意的是，由于Struts2默认的文件上传机制不支持进度更新，因此可能需要使用第三方库，如Apache Commons FileUpload，或者使用Struts2的插件如Struts2 ProgressTag插件来实现更复杂的进度显示功能。 总的来说，...
在实际开发中，我们可能会用到一些第三方库，比如`ajaxfileupload.js`，这是一个专门用于文件上传的JavaScript库，它简化了Ajax上传的操作，提供了一些回调函数，方便我们在上传过程中处理进度、错误等问题。...
Struts2文件上传进度条是Web开发中一个实用的功能，它允许用户在文件上传过程中查看当前的上传进度，提供更好的用户体验。在这个项目中，我们利用Struts2框架的拦截器机制来实现这一功能。 首先，我们需要理解...
在实际应用中，开发者需要确保Struts2的配置正确，Action类能正确处理文件，前端页面能正确触发上传并显示进度，同时服务器端有足够的存储空间来保存上传的文件。此外，安全性也是重要的考虑因素，例如限制文件类型...
在Java Struts2框架中实现文件上传进度条显示，主要涉及到的技术点包括Struts2的文件上传、Ajax异步通信以及前端进度条组件的使用。下面将详细讲解这些知识点。 首先，Struts2的文件上传功能是通过Struts2提供的`...
在这个"struts+jQuery+ajax文件上传带进度条"的项目中，我们主要关注的是如何利用这些技术实现在后台处理文件上传时，前端能够显示实时的进度条效果，提升用户体验。 首先，Struts是一个基于MVC（Model-View-...
Struts2 Uploadify是一个在Java Web开发中常用的插件，它结合了Struts2框架和Uploadify jQuery插件，能够实现文件的多选、上传进度显示以及后台处理等功能。这个项目示例提供了一个完整的解决方案，使得用户在上传多...
标题 "ssh2(struts2+spring2.5+hibernate3.3+ajax)带进度条文件上传（封装成标签）" 涉及到的是一个基于Java Web的项目，利用了Struts2、Spring2.5、Hibernate3.3和Ajax技术，实现了文件上传并带有进度条显示的功能...
在Struts2中，实现文件上传功能是非常常见的需求，而带进度条的文件上传则可以提供更好的用户体验，让用户了解文件上传的进度，减少用户的等待焦虑感。 Struts2的文件上传主要依赖于Apache的Commons FileUpload库。...
总的来说，Struts2实现文件上传显示进度条效果需要理解文件上传的处理流程，创建一个监听器来捕获上传进度，并通过合适的通信机制将这些信息传递到前端进行显示。这是一个涉及到后端处理、前端交互以及网络通信的...
在"struts2异步多文件上传"的例子中，异步处理可能涉及到AJAX技术。通过使用jQuery或者其他的JavaScript库，可以实现文件上传的异步化，这样用户无需等待所有文件上传完成就能继续操作其他页面元素。这种体验对用户...
Struts2框架提供了丰富的插件和配置来支持文件上传，其中包括进度条显示，以提升用户交互体验。以下是对这个话题的详细解释。 1. **Struts2 文件上传基础** - Struts2 使用 `struts2-core` 包中的 `...
在Struts2.0框架中实现文件上传进度是一项常见的需求，尤其在用户上传大文件时，实时显示上传进度可以提供更好的用户体验。本文将详细介绍如何利用Struts2.0的监听器来实现这一功能。 首先，我们需要理解文件上传的...
在Struts2中实现异步文件上传，可以显著提高用户体验，因为用户不需要等待整个页面刷新就能看到上传进度或者结果。这种方式通常涉及到JavaScript、Ajax以及服务器端处理。下面将详细讨论这个主题。 1. **Struts2...
Struts2提供了一个名为`FileUploadProgressListener`的接口，我们可以实现这个接口来获取文件上传的进度信息。在监听器中，我们可以捕获到文件上传的开始、结束以及每次数据块上传的事件，并根据这些信息更新进度条...
2. 异步上传：使用Ajax进行文件上传，可以提供更好的用户反馈，显示上传进度。 3. 分片上传：对于特别大的文件，可以考虑分片上传，然后在服务器端合并。 五、最佳实践 1. 使用Struts2的拦截器来处理文件上传，...