`
Luob.
  • 浏览: 1590011 次
  • 来自: 上海
社区版块
存档分类
最新评论

Struts2 + ajaxFileUpload 异步上传文件

阅读更多
ajaxFileUpload下载地址http://www.phpletter.com/Our-Projects/AjaxFileUpload/

jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!DOCTYPE html>
<head>
<title>MyWebProject</title>
<meta charset="utf-8" />
<link type="text/css" href="${pageContext.request.contextPath}/jsnew/ajaxfileupload.css" rel="stylesheet" />
<script type="text/javascript" src="${pageContext.request.contextPath}/jsnew/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jsnew/ajaxfileupload.js"></script>
<script type="text/javascript">
function ajaxFileUpload() {
	$.ajaxFileUpload({
		url : "${pageContext.request.contextPath}/space/quicklogin/fileUpload.html",   //submit to UploadFileServlet
		secureuri : false,
		fileElementId : "file", //input file 的id
		dataType : "text", //or json xml whatever you like~
		success : function(data, status) {
			$("#result").append(data);
		},
		error : function(data, status, e) {
			$("#result").append(data);
		}
	});
	return false;
}
</script>
</head>

<body>
	<input id="file" type="file" size="45" name="file" class="input"/><br/>
	<button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button>
	<div id="result"></div>
</body>
</html>

</html>


action
public class uploadAction extends BaseAction {
private File file;
	private String fileFileName;
	private String fileFileContentType;
	private String message = "你已成功上传文件";

public void wxfileUpload() {
		HttpServletRequest request = this.getRequest();
		HttpServletResponse response = null;
		PrintWriter out = null;
		String encoding = "UTF-8";
		try {
			response = this.getResponse();
			response.setContentType("text/html;charset=utf-8");
			response.setCharacterEncoding(encoding);
			out = response.getWriter();
			request.setCharacterEncoding(encoding);
			String path =ServletActionContext.getServletContext().getRealPath(file.separator+"upload");
			File f = this.getFile();
			if(this.getFileFileName().endsWith(".exe")){
				message = "对不起,你上传的文件格式不允许!!!";
			}
			FileInputStream inputStream = new FileInputStream(f);
			File upfile=new File(path +File.separator+ this.getFileFileName());
			if(upfile.isDirectory() && !upfile.exists())
				upfile.mkdirs();
			else if(!upfile.isDirectory() && !upfile.getParentFile().exists())
				upfile.getParentFile().mkdirs();
			
			FileOutputStream outputStream = new FileOutputStream(upfile);
			byte[] buf = new byte[1024];
			int length = 0;
			while ((length = inputStream.read(buf)) != -1) {
				outputStream.write(buf, 0, length);
			}
			inputStream.close();
			outputStream.flush();
			outputStream.close();
			out.print("Success Upload");

		} catch (Exception e) {
			e.printStackTrace();
			out.print("Success ERROR");
			logger.info("WxAction reply exception:" + e);
		} finally {
			if (out != null)
				out.close();
		}
	}

}


//.....get  set()...


action配置文件
<action name="fileUpload"   class="com.bjdata.bjsearch.presentation.action.weix.uploadAction" method="fileUpload">
</action>
0
0
分享到:
评论

相关推荐

    完美SS2H+ajaxfileupload异步上传多个附件、删除

    标题中的“完美SS2H+ajaxfileupload异步上传多个附件、删除”涉及到的是一个Web应用中的文件上传功能实现,具体来说,它结合了Spring Security(SS)和Struts2 (SH)两个框架,并利用ajaxfileupload.js这个JavaScript...

    Struts2+ajax+json异步上传图片回显

    总结来说,"Struts2+ajax+json异步上传图片回显"是一个综合运用前端与后端技术的实践,它涉及到Struts2的文件上传处理、Ajax的异步通信以及JSON数据的交互,为用户提供了一个流畅的图片上传体验。

    使用struts 2 和ajaxFileUpload组件实现图片上传预览(完整版)

    AjaxFileUpload是JQuery插件,用于实现异步文件上传功能,尤其适用于处理图片上传。在本文中,我们将详细介绍如何使用Struts 2和AjaxFileUpload组件来实现在Web应用程序中进行图片的上传与预览。 一、Struts 2 框架...

    ajax+jquery+struct+ajaxfileupload有增删改功能上传文件例子

    2. jQuery监听到按钮点击事件,触发AjaxFileUpload插件,开始异步上传文件。 3. AjaxFileUpload会把文件数据和相关参数打包成HTTP请求,发送到后台Struts的Action。 4. Struts Action接收到请求后,进行必要的文件...

    j​q​u​e​r​y​ ​i​m​g​a​r​e​a​s​e​l​e​c​t​ + ajaxfileupload + struts2实现图片的异步上传裁剪

    在IT领域,尤其是在Web开发中,实现图片的异步上传裁剪是一项常见的需求。这个项目是基于jQuery的imgAreaSelect插件、ajaxfileupload.js以及Struts2框架来完成这一功能的。接下来,我们将深入探讨这些关键技术点。 ...

    struts2异步上传

    Struts2是一个非常流行的... Struts2异步上传结合了Struts2框架、jQuery、Ajax、JSON插件和文件处理策略,为用户提供了无刷新的文件上传体验。理解并熟练掌握这些组件和技术,对于开发高效、安全的Web应用至关重要。

    jquery 插件ajaxfileupload与struts2结合 实现异步上传图片

    这种技术在现代Web应用中非常常见,它提升了用户体验,允许用户在不刷新整个页面的情况下上传文件,特别是对于大文件或需要处理的文件数量较多时,异步上传的优势更为明显。 首先,我们要了解AjaxFileUpload是...

    ajaxFileUpload+struts2实现多文件上传(源码)

    同时,我们需要使用`ajaxFileUpload`插件来处理异步上传。例如: ```html ()"&gt;上传 &lt;script src="jquery.js"&gt;&lt;/script&gt; &lt;script src="ajaxfileupload.js"&gt; function uploadFiles() { $.ajaxFileUpload({ ...

    AjaxFileUpload Struts2 多文件上传

    本篇文章将深入讲解如何利用AjaxFileUpload与Struts2实现多文件上传,并结合jQuery进行前端交互。 首先,我们需要在项目中引入必要的库。Struts2提供了struts2-jquery-plugin,这是一个基于jQuery的插件,包含了...

    ajaxFileUpload_Struts2_json

    在IT行业中,AjaxFileUpload与Struts2框架的结合,特别是在处理JSON响应方面,是一种常见的文件上传技术。这里我们深入探讨这个主题。 首先,`ajaxFileUpload` 是一个JavaScript库,它允许用户在不刷新整个页面的...

    jquery ajaxfileupload异步上传插件

    在本文中,我们将探讨如何使用jQuery的ajaxfileupload插件实现异步文件上传,并结合Struts2框架进行处理。这个插件提供了一种方便的方法,允许用户在不刷新页面的情况下上传文件,提升用户体验。 首先,要使用...

    jquery之ajaxfileupload异步上传插件(附工程代码)

    点我下载工程代码 由于项目需求,在处理文件上传时需要使用到文件的异步上传。这里使用Jquery Ajax File Uploader这个组件下载地址:http://www.phpletter.com/download_project_version.php?version_id=6 服务器端...

    AjaxFileUpload+Struts2实现多文件上传功能

    在本文中,我们将深入探讨如何使用AjaxFileUpload插件与Struts2框架相结合来实现多文件上传的功能。AjaxFileUpload是一种基于JavaScript的轻量级插件,它允许用户在不刷新整个页面的情况下上传文件,提高了用户体验...

    jquery ajaxfileupload异步上传插件使用详解

    - 使用jQuery监听文件输入元素的点击事件(或其他适当的事件),在事件处理函数中调用`$.ajaxFileUpload`方法实现异步上传。 3. **文件校验**:在上传之前,插件支持对文件的类型、大小、尺寸等进行校验。这对于...

    异步上传文件js插件

    使用说明: 1、将压缩包解压后,jsp的配置参照upload-file.jsp界面 2、因为后台上传采用struts2上传,所以只提供struts2上传...希望能解决各位文件异步上传的难题,以后会进一步改进ajaxfileupload.js实现多文件上传

    struts2文件上传实时监控上传进度

    struts2文件上传实时显示实时上传进度 使用ajaxfileupload.js异步文件上传脚本上传文件,这样做可以防止页面跳转, 然后使用定时器发送异步请求实时更新上传进度 这里是原始参考连接 ...

    AjaxFileUpload结合Struts2实现多文件上传(动态添加文件上传框)

    AjaxFileUpload是一个用于实现文件上传的JavaScript插件,它允许用户在网页上轻松地上传文件,并支持异步上传文件而不刷新页面。结合Struts2框架,开发者可以在MVC模式中通过Action类处理文件上传的业务逻辑。 在...

Global site tag (gtag.js) - Google Analytics