AJAX应用:巧妙的处理文件上传

转载 2006年06月09日 17:00:00

利用AJAX技术处理文件上传是比较棘手的事, 使用 ADOSTREAM ,肯定会被认为恶意代码, 在IE安全级别高的时候是不会起任何作用地。

今天看到老外的一个解决方案, 应该说是"伪AJAX" 方法。

<form action="upload.html" method="post" target="frmUpload0">
<table>
<tr>
<th><label for="txtFile0">File:</label></th>
<td><input type="file" name="txtFile" id="txtFile0"></td>
<td><input type="submit" name="submit" value="Upload" onclick="document.getElementById('txtStatus0').innerHTML='Uploading...';"></td>
<td id="txtStatus0" class="status"></td>
<td><iframe name="frmUpload0" id="frmUpload0" height="20" width="200" frameborder="0" scrolling="no"></iframe></td>
</tr>
</table>
</form>

将文件正常的POST 到一个 Iframe中。然后在 iframe 中显示处理结果。

演示地址: http://ktk.xs4all.nl/stuff/html/simultaneous-uploading-using-iframes/

相关文章推荐

Ajax应用之文件上传

文件上传是一个很费时的任务,经常需要用户进行长时间等待,为了让用户在等待过程中,及时了解上传进度,可以在进行文件上传时,显示上传进度条。示例: index.jsp:

JavaScript File API应用——如何设计和实现Ajax文件上传组件

(1)精简“带进度条文件上传组件”的设计与实现 XMLHttpRequest第二版为我们提供了便利的progress事件,通过为xhr.upload.onprogress指定处理函数,可以快速制作进度...

SpringMVC案例3----spring3.0项目拦截器、ajax、文件上传应用

依旧是项目结构图和所需jar包图: 显示配置文件hib-config.xml <beans xmlns="http://www.springframework.org/schema/bean...

利用隐藏iframe处理文件上传,本页不刷新,仿ajax

简述: 经常遇到文件上传的一些前端功能,例如:会员头像编辑,身份证等证件的上传等等; 而这时需要在当前页面完成整个上传过程,不刷新不跳转,就可以用到这个原理。 在页面中嵌入一个隐藏的iframe...

ajax异步文件上传,servlet处理,含demo

ajax上传组件源自于http://www.phpletter.com/Demo/AjaxFileUpload-Demo/,用的jquery 不过它服务器端用的是php,原理都是一样的,我改成了...

ajax文件上传无刷新处理

最近在做开发的时候,碰到需要做个图片上传的功能,原先使用的是submit提交,但是这样会导致处理上的一些失误。如:前台页面的信息已经提示,但是其实后台还未完成程序的运转。        后来请教了同...

ajax异步文件上传,servlet处理,含demo

ajax上传组件源自于http://www.phpletter.com/Demo/AjaxFileUpload-Demo/,用的jquery 不过它服务器端用的是php,原理都是一样的,我改成了jav...

Ajax异步文件上传与NodeJS express服务端处理

为了避免在实现简单的异步文件上传功能时候引入一个第三方库文件的尴尬情形(库文件可能造成多余的开销,拉低应用加载速度,尤其是在引入库文件之后仅使用其中一两个功能的情况下,性价比极低),最近了解了一下文件...

文件上传后Apusic应用服务器内存溢出并宕机的一种处理方式

前几日,碰见一个奇怪的现象,连续的文件上传操作,会导致JVM内存溢出,而且是java.lang.OutOfMemoryError: PermGen space,内存的永久保存区域溢出。最终,导致整个A...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)