1、添加commons-io-2.4.jar和commons-fileupload-1.2.2.jar
2、后台代码
public String upload(InputStream ins,String fileName){
String fullPath = "";
try {
//dwr中获取servlet API
WebContext context = WebContextFactory.get();
HttpServletRequest request = context.getHttpServletRequest();
String dir = request.getSession().getServletContext().getRealPath("upload/test");
//使用工具类从完整的文件路径获取文件名
fileName = FilenameUtils.getName(fileName);
fullPath = dir + "/" +fileName;
File file = new File(fullPath);
//FileUtils.touch(file);
//自动创建文件
FileUtils.copyInputStreamToFile(ins, file);
System.out.println(fullPath);
} catch (Exception e) {
e.printStackTrace();
}
return fullPath;
}
3、前台页面
<input type="file" id="f"/>
<br/>
<input type="button" value="上传" onclick="upload()"/>
<script type="text/javascript">
var upload = function(){
var file = dwr.util.getValue("f");
alert(file);//得到的是文件输入流对象
alert(file.value);//得到输入框里面的文件名
MyDwr.upload(file,file.value,function(data){
alert(data);
});
}
</script>
4、在web.xml中加入如下,控制上传文件的最大大小
<init-param>
<param-name>fileUploadMaxBytes</param-name>
<param-value>25000</param-value>
</init-param>
分享到:
相关推荐
在这个场景中,我们将讨论如何使用DWR来实现简单的文件上传功能。 文件上传是Web应用中常见的一种用户交互方式,通常涉及到前端的HTML表单、后端的处理逻辑以及可能的文件存储策略。DWR通过提供对Java方法的远程...
DWR允许在浏览器端的JavaScript直接调用服务器上的Java方法,这样我们就可以在前端获取到文件上传的实时信息,比如已读取的字节数、总大小等,从而计算出上传进度。 在提供的代码中,可以看到两个主要的JavaScript...
在使用DWR上传文件之前,我们需要先配置DWR。这通常包括以下步骤: 1. 添加DWR相关的jar文件到项目的类路径。 2. 创建`dwr.xml`配置文件,声明允许浏览器访问的Java类和方法。例如,如果有一个名为`...
DWR在文件上传中的作用是提供了一种在浏览器端与服务器端进行实时通信的方式,用户可以在前端选择文件后,通过DWR调用服务器端的方法,将文件数据发送到服务器。DWR使用JSON或XML格式传递数据,这样可以实现实时反馈...
标题 "Dwr+进度条上传文件(支持多文件)" 指的是使用Direct Web Remoting (DWR) 技术实现的文件上传功能,并且具备显示进度条以及支持同时上传多个文件的能力。DWR是一种在浏览器和服务器之间进行异步通信的...
原理: FileUpload实现上传功能, UploadListener 监听上传进度, DWR push (Reverse Ajax) 进度信息并更新页面, 实现无刷新多文件上传 运行环境: Tomcat 5/6 测试通过 说明:累计上传文件不超过10M(可以更改...
在这个场景下,"dwr操作文件上传下载"指的是利用DWR框架来处理文件的上传和下载功能。 1. **DWR简介** DWR的核心功能是提供一种简单的API,使得JavaScript可以与服务器端的Java对象进行交互。它包括了自动处理JSON...
Struts2-DWR带进度条文件上传是一种在Web应用程序中实现大文件上传并显示实时进度条的技术组合。Struts2是一个流行的Java MVC框架,用于构建企业级Web应用,而DWR(Direct Web Remoting)是一个JavaScript库,允许在...
在本项目中,我们看到的"**dwr3实现的无刷新文件上传**"是一个简单的示例,旨在展示如何使用DWR3来实现在不刷新整个页面的情况下上传文件。这对于提升用户体验非常关键,因为它使得用户能够在不离开当前页面的情况下...
DWR(Direct Web Remoting)是一个开源Java框架,它允许JavaScript与服务器端的Java代码进行交互,实现异步更新页面,为了解决这个问题,DWR提供了文件上传显示进度条的功能。 标题“DWR3 文件上传显示进度条”指的...
dwr上传文件带进度条!!!!!!!!!!!!!!!!!!!!!!!!!!!
DWR(Direct Web Remoting)和Servlet的结合提供了一种有效的方式来处理文件上传。本文将深入探讨如何利用DWR与Servlet实现在Web应用程序中添加文件上传功能,并且特别关注如何实现进度条展示。 DWR是一种...
在这个小实例中,我们将探讨如何使用DWR来实现实时的文件上传功能,这对于提高用户体验至关重要,因为用户无需刷新整个页面即可完成文件提交。 一、DWR基本原理 DWR的核心在于创建了一个安全的、跨浏览器的...
标题 "dwr3.0 文件上传" 涉及到的是Direct Web Remoting(DWR)框架的一个关键特性,即在Web应用中实现文件的上传功能。DWR是一款开源JavaScript库,它允许JavaScript代码直接调用Java服务器端的方法,从而在浏览器...
在多文件上传场景中,DWR提供了强大的支持,允许用户在Web应用中批量上传文件,同时保持用户体验的流畅性。 在DWR中实现多文件上传,首先需要在服务器端创建一个接收文件的Java类。这个类通常包含一个方法,该方法...
### DWR文件上传功能及其配置解析 DWR(Direct Web Remoting)是一种简化Ajax应用程序开发的技术,它使得从JavaScript调用服务器端Java方法变得如同在客户端调用本地方法一样简单。本文将深入探讨DWR配置文件`dwr....
在“EXTJS+DWR3.0实现文件上传”这个主题中,我们将探讨如何结合这两者来实现一个高效且用户友好的文件上传功能。在实际的Web应用中,文件上传是一个常见的需求,例如在社交媒体平台上传图片、在文档分享网站上传...
在"用dwr做的上传下载"这个主题中,我们将深入探讨如何利用DWR实现文件的上传和下载功能。 首先,让我们理解DWR的基本工作原理。DWR通过创建JavaScript对象映射到服务器端的Java方法,使得在前端JavaScript可以直接...