非常方便之dwr上传文件。

最新推荐文章于 2024-02-02 16:03:28 发布
最新推荐文章于 2024-02-02 16:03:28 发布
阅读量79 收藏
点赞数
文章标签： javascript java python ViewUI
原文链接：https://my.oschina.net/u/1474779/blog/610668
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

项目结构图

233930_9Kmj_1474779.png

加入所需的 jar 包。

commons-logging-1.1.1.jar

dwr.jar

这两个是 dwr 环境所必须的。

commons-fileupload-1.3.1.jar

commons-io-2.4.jar

这两个是上次文件所必须的。

  1. web.xml 配置 dwr

<servlet>
    <servlet-name>dwr-invoker</servlet-name>
    <servlet-class>
            org.directwebremoting.servlet.DwrServlet
        </servlet-class>
    <init-param>
      <param-name>debug</param-name>
      <param-value>true</param-value>
    </init-param>
  </servlet>
  <servlet-mapping>
    <servlet-name>dwr-invoker</servlet-name>
    <url-pattern>/dwr/*</url-pattern>
  </servlet-mapping>

 2.  创建 Upload.java

package com.service;

import java.io.File;
import java.io.IOException;
import java.io.InputStream;

import javax.servlet.http.HttpServletRequest;

import org.apache.commons.io.FileUtils;
import org.apache.commons.io.FilenameUtils;
import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;


public class Upload {
	
	public String upload(InputStream is, String fileName) throws IOException{
		//dwr通过WebContext取得HttpServletRequest
		WebContext wc = WebContextFactory.get();
		HttpServletRequest req = wc.getHttpServletRequest();
		
		String realpath = req.getSession().getServletContext().getRealPath("upload");//获取根目录下upload文件下路径
		String fn = FilenameUtils.getName(fileName);//获取上传的文件的名称
		String filepath = realpath + "/" + fn;//文件上传存放的路径
		FileUtils.copyInputStreamToFile(is, new File(filepath));//将输入流直接copy成文件
		
		return filepath;
	}

}

 3. 创建 dwr.xml ,配置 Upload.java 映射

<dwr>
	<allow>
		<create creator="new" javascript="Upload">
			<param name="class" value="com.service.Upload" />
		</create>
	</allow>
</dwr>

 4. 创建 upload.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>dwr上传文件</title>
  </head>
  <script type='text/javascript' src='dwr/engine.js'></script>
  <script type='text/javascript' src='dwr/util.js'></script>
  <script type="text/javascript" src="dwr/interface/Upload.js"></script>

  <script type="text/javascript">
  	function upload(){
  		var file = dwr.util.getValue("myfile");
  		Upload.upload(file,file.value,function(data){
  			alert(data);
  		});
  	}
  </script>
  <body> 
   
   <input type="file" id="myfile"/>
   <input type="button" value="上传" onclick="upload();"/>
   
  </body>
</html>

upload.jsp 中，需要引入

<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script type="text/javascript" src="dwr/interface/Upload.js"></script>

其中 

<script type="text/javascript" src="dwr/interface/Upload.js"></script>

是我们配置的 Upload.java

直接 Upload.upload(file，fileName); 即可调用 Upload.java 中的 upload 方法执行上传操作。

上传成功后，可以到部署路径下upload文件夹下查看所上传的文件。

有需要源码的：源码

转载于:https://my.oschina.net/u/1474779/blog/610668

weixin_34356138
关注
使用dwr上传文件源码
01-27
使用dwr简单、快速、方便就能上传文件，且不用刷新页面，较于原始的表单上传附件写代码少，很快就可以实现。
dwr 文件上传
weixin_33909059的博客
01-16 149
1. 直接上包 dwr 3.0 .jar down url:http://directwebremoting.org/dwr/downloads/。 2. 在xml 文件中加入 以下 配置： !-- The DWR servlet. --><servlet><servlet-name>dwr-invoker</servlet-name>&...
dwr文件上传
我本颠坤
09-19 1740
配置FileService映射: dwr.xml FileService: package com.demo.service; import java.io.File; import java.io.IOException; import java.io.InputStream; import org.apache.common
DWR文件上传和下载
08-02 7211
项目里用到文件上传，且要求页面无刷新，用DWR可以很方便地实现。下面简单说说： 1.单文件上传 HTML里： UploadJs代码： function uploadFile(){ if($("#uploadFile").val()==''){ aler
dwr上传文件
gaoshili001的专栏
01-14 452
1.Java中的代码 public String upload(InputStream is,String filename) throws IOException { //WebContext可以获取HttpServlet的对象 WebContext wc = WebContextFactory.get(); HttpServletRequest req = wc.getHttp
Strues2-Dwr 带进度条文件上传
11-30
2. **Struts2文件上传插件**：Struts2有一个内置的文件上传插件，使用`<s:file>`标签可以方便地在表单中添加文件选择控件。上传时，需要配置`struts.xml`，指定Action的接收方法以及临时文件存储路径。 3. **DWR库*...
dwr实现无刷新带进度条多文件上传（java版）
05-08
在本项目中，"dwr实现无刷新带进度条多文件上传（java版）"，主要展示了如何利用DWR来创建一个用户友好的文件上传功能，该功能可以在上传过程中显示进度条，提升用户体验。 1. **DWR基础**：DWR允许JavaScript直接...
my_employee_study.rar_Employee Stud_ajax_dwr_dwr ajax_上传 Java
09-23
【标题】"my_employee_study.rar_Employee Stud_ajax_dwr_dwr ajax_上传 Java" 提供了一个关于员工学习的场景，特别关注的是AJAX、DWR技术以及Java在文件上传中的应用。这个压缩包包含了作者在公司近两个月内通过...
dwr2 资料
03-21
DWR (Direct Web Remoting) 是一个开源的Java库，它允许JavaScript在浏览器端与服务器端的Java对象进行...在压缩包中的"DWR"文件可能包含了DWR 2的相关文档、示例代码或配置文件，这些都是学习和使用DWR 2的重要资源。
dwr3.0学习
09-06
DWR 3.0 提供了一种方便的方法来处理文件上传。首先，你需要在客户端（HTML页面）创建一个`<input type="file">`元素，让用户选择要上传的文件。然后，你可以编写一个JavaScript函数，利用DWR的API来调用服务器上的...
Struts2.3.1 中整合DWR3.0 实现文件上传
iteye_8029的博客
07-27 149
Struts2.3.1中整合DWR3.0 实现文件上传 步骤1：导入 dwr*.jar , 1. struts2-dwr-plugin-2.3.1.jar 步骤2：在web.xml中引入dwr的配置 1. &lt;servlet&gt; 2. &lt;servlet-name&gt;dwr-invoker&lt;/servlet-name&gt; 3. &lt;ser...
dwr入门实例四之文件上传
08-14 4673
相信很多项目中，常有文件上传的功能吧。     那么能用dwr上传文件吗？简化文件上传过程吗？     答案当然是肯定的“当然可以实现”。     用dwr实现文件上传功能需要具备3.0以上版本。     好了，下面我们来看看文件上传的一些基本操作吧。     1.html：             2.js        var files = dwr.util.getValu
DWR上传文件提示File uploads not supported
最新发布
高性价比服务器就选：蓝易云
02-02 344
"DWR上传文件提示File uploads not supported" 错误表示使用DWR（Direct Web Remoting）上传文件时出现不支持文件上传的问题。确保你的DWR配置和代码都正确地支持文件上传，以解决"DWR上传文件提示File uploads not supported" 错误。
Ajax框架之DWR学习（文件上传案例）-yellowcong
11-30 747
DWR文件上传起来 还是挺方便的，直接就是咔咔的上传 ，实现了静态的文件上传，老爽了，需要依赖commons-fileupload 这个上传包
使用DWR框架完成文件上传与下载
RekaDowney的博客
03-16 2671
本文主要介绍使用ajax框架——DWR完成文件的上传与下载
DWR 3.0 文件上传配置教程
"DWR_3.0_上传文件.doc 提供了关于如何在DWR (Direct Web Remoting) 3.0版本中实现文件上传的步骤。文档中提及的关键技术包括DWR框架、Apache Commons FileUpload和Commons IO库的使用。" DWR (Direct Web Remoting...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值