0 0

怎么用DWR上传文件,而不改动页面只有JAVASCRIPT操作3

JAVASCRIPT

<script type="text/javascript">
	function addinput2(){	
		var myinput = document.getElementById("myupload2").innerHTML="<input type='file' name='myupload2' onchange='addinput"+3+"(this)'>";
	}
	function addinput3(){
		var myinput = document.getElementById("myupload3").innerHTML="<input type='file' name='myupload3' onchange='addinput"+4+"(this)'>";
	}
	function addinput4(){
		var myinput = document.getElementById("myupload4").innerHTML="<input type='file' name='myupload4' onchange='addinput"+5+"(this)'>";
	}
	function addinput5(){
		var myinput = document.getElementById("myupload5").innerHTML="<input type='file' name='myupload5'>";
	}
</script>


HTML
<div id="myupload1">
    <input type="file" name="myupload1" onchange="addinput2(this)">
</div>
<div id="myupload2"></div>
<div id="myupload3"></div>
<div id="myupload4"></div>
<div id="myupload5"></div>

我现在调用addinput2()....addinput5()这些方面的时候同时上传文件,我想用DWR,因为只会有DWR,要求页面不更新
现在的情况是,无论用struts,还是那个org.apache.commons.fileupload组件都要用到一个request参数
这个参数怎么传过去,还是有别的什么方法?
还有,我这个写的是代码,我相信function addinput1()到function addinput5()一个JAVASCRIPT函数就可以完成了,无奈JAVASCRIPT太差不知道怎么写?请大家帮助下,谢谢了....
问题补充:
谢谢咯,但是:
怎么放一个隐藏的iframe
别人只放三个附件就上传了呢?
上传文件是一到五个
问题补充:
    <div id="attachment_iframes">
          <iframe src="/attachments/new"   style="border:0px;height:30px;width:100%;" frameborder="0" border="0" cellspacing="0" allowTransparency="true" scrolling="no" resizable="no"></iframe>
  <input type="hidden" value="0" class="max-value-0" id="attachments_counter"/>
</div>

找到JAVAEYE的隐藏的iframe 了
问题补充:
晕了,我一直以为是用的AJAX呢,我周围的人都是这么想的.......骗了我好多年....
问题补充:
好了,现在就差JAVAEYE后台的源代码了!
DWR 
2008年11月14日 13:25

8个答案 按时间排序 按投票排序

0 0

采纳的答案

引用
怎么放一个隐藏的iframe

页面中一个iframe,然后用CSS隐藏不就行了。
引用
别人只放三个附件就上传了呢?
上传文件是一到五个

不管几个附件,都在一个表单里面不就行了,提交过去用commons.fileupload组件取不就行了。fileupload能告诉你一共传过来几个附件

2008年11月14日 14:03
0 0

出于安全考虑纯Ajax方式(或曰XmlHttpRequest)不可能上传文件,否则就成了木马了,可以偷偷的上传你的文件。

2008年11月14日 14:12
0 0

引用
好了,现在就差JAVAEYE后台的源代码了!

这个东东不好搞,还是看看这个吧,这个好搞:
http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

2008年11月14日 14:11
0 0

用iframe的可以看看这个,包括了服务器端的代码
http://www.iteye.com/topic/44331
下面这个更酷,使用flash做的,它使用一个小flash文件来允许用户一次上传多个文件
Download: http://swfupload.googlecode.com/files/SWFUpload%20v2.0.2.Release.zip

2008年11月14日 14:10
0 0

只是用iframe做个ajax无刷新的效果罢了!

2008年11月14日 14:09
0 0

呵呵,文件上传用ajax搞不了,只能通过这种手段的,哈哈,javaeye也是这样

2008年11月14日 14:06
0 0

连DWR都不用了,放一个隐藏的iframe,直接在addinput5()方法中得到表单的form对象,修改target属性到这个iframe,让这个iframe去提交到一个servlet中就行了。

2008年11月14日 13:54
0 0

貌似纯AJAX方式无法上传文件的。页面不更新你可以使用iframe。

2008年11月14日 13:54

相关推荐

    dwr和简单的文件上传

    3. 使用DWR JavaScript API调用服务器端的文件上传方法。 4. 在服务器端接收文件数据并保存到本地或云存储。 5. 实现客户端的回调函数以处理上传结果。 在实际应用中,你还需要考虑其他因素,如文件大小限制、文件...

    使用dwr上传文件源码

    在DWR中,上传文件是一种常见的功能,它使得用户可以在不刷新整个页面的情况下,通过Web应用上传文件到服务器。下面将详细介绍如何使用DWR实现文件上传的功能。 首先,我们需要理解DWR的基本工作原理。DWR通过在...

    dwr操作文件上传下载

    在这个场景下,"dwr操作文件上传下载"指的是利用DWR框架来处理文件的上传和下载功能。 1. **DWR简介** DWR的核心功能是提供一种简单的API,使得JavaScript可以与服务器端的Java对象进行交互。它包括了自动处理JSON...

    Dwr+进度条上传文件(支持多文件)

    标题 "Dwr+进度条上传文件(支持多文件)" 指的是使用Direct Web Remoting (DWR) 技术实现的文件上传功能,并且具备显示进度条以及支持同时上传多个文件的能力。DWR是一种在浏览器和服务器之间进行异步通信的...

    利用DWR实现文件上传进度条

    DWR允许在浏览器端的JavaScript直接调用服务器上的Java方法,这样我们就可以在前端获取到文件上传的实时信息,比如已读取的字节数、总大小等,从而计算出上传进度。 在提供的代码中,可以看到两个主要的JavaScript...

    Spring 集成 Dwr 文件上传

    使用DWR的JavaScript API,绑定一个事件监听器到文件输入元素,当文件选择改变时,调用服务器端的文件上传方法。 4. **处理文件**: 服务器端接收到文件后,通常需要将文件保存到一个指定的目录,例如一个临时文件夹...

    dwr3实现的无刷新文件上传

    在本项目中,我们看到的"**dwr3实现的无刷新文件上传**"是一个简单的示例,旨在展示如何使用DWR3来实现在不刷新整个页面的情况下上传文件。这对于提升用户体验非常关键,因为它使得用户能够在不离开当前页面的情况下...

    Strues2-Dwr 带进度条文件上传

    Struts2-DWR带进度条文件上传是一种在Web应用程序中实现大文件上传并显示实时进度条的技术组合。Struts2是一个流行的Java MVC框架,用于构建企业级Web应用,而DWR(Direct Web Remoting)是一个JavaScript库,允许在...

    FileUpload+DWR 多文件上传实例

    原理: FileUpload实现上传功能, UploadListener 监听上传进度, DWR push (Reverse Ajax) 进度信息并更新页面, 实现无刷新多文件上传 运行环境: Tomcat 5/6 测试通过 说明:累计上传文件不超过10M(可以更改...

    DWR3 文件上传显示进度条

    DWR(Direct Web Remoting)是一个开源Java框架,它允许JavaScript与服务器端的Java代码进行交互,实现异步更新页面,为了解决这个问题,DWR提供了文件上传显示进度条的功能。 标题“DWR3 文件上传显示进度条”指的...

    DWR 实现ajax上传的小实例

    在这个小实例中,我们将探讨如何使用DWR来实现实时的文件上传功能,这对于提高用户体验至关重要,因为用户无需刷新整个页面即可完成文件提交。 一、DWR基本原理 DWR的核心在于创建了一个安全的、跨浏览器的...

    DWR + Servlet 实现文件上传功能

    在文件上传场景中,Servlet处理实际的文件接收,而DWR则负责在前端与后端之间传递数据并更新用户界面。 首先,我们需要在项目中引入DWR的依赖。这通常通过Maven或Gradle等构建工具来完成。在`pom.xml`或`build....

    用dwr做的上传下载

    在"用dwr做的上传下载"这个主题中,我们将深入探讨如何利用DWR实现文件的上传和下载功能。 首先,让我们理解DWR的基本工作原理。DWR通过创建JavaScript对象映射到服务器端的Java方法,使得在前端JavaScript可以直接...

    dwr上传文件带进度条

    dwr上传文件带进度条!!!!!!!!!!!!!!!!!!!!!!!!!!!

    dwr3.0 文件上传

    标题 "dwr3.0 文件上传" 涉及到的是Direct Web Remoting(DWR)框架的一个关键特性,即在Web应用中实现文件的上传功能。DWR是一款开源JavaScript库,它允许JavaScript代码直接调用Java服务器端的方法,从而在浏览器...

    dwr实现无刷新带进度条多文件上传(java版)

    2. **无刷新上传**:传统的文件上传通常涉及整个页面的刷新,而DWR的使用使得文件上传可以在后台进行,页面保持不刷新状态,提高用户体验。DWR的逆向AJAX(ReverseAjax)技术实现了这一点,通过在后台处理文件上传并...

    DWR多文件上传.。。。。。。

    总的来说,DWR多文件上传涉及到前端的文件选择、JavaScript与服务器的通信、以及后端的文件处理。通过合理地组织这些组件,可以构建一个高效、用户友好的文件上传系统。在实际项目中,还要注意安全性问题,如防止...

    dwr配置文件详解 dwr.xml配置文件详解

    dwr配置文件详解 dwr.xml配置文件详解 dwr配置文件是Direct Web Remoting(DWR)的核心组件之一,它负责配置DWR的各种设置和参数。在本文中,我们将详细介绍dwr配置文件的结构和配置方法,并探讨它在实际应用中的...

Global site tag (gtag.js) - Google Analytics