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与一般处理程序上传图片

前台html代码及juqery代码     ajax图片上传                     $(function () {     ...
  • u011118071
  • u011118071
  • 2014年08月01日 10:26
  • 1153

前端ajax异步上传文件+SpringMVC处理上传文件

mark一下以防自己以后再次遇到,也是给同行们一个参考。先说下我的需求: 前端我需要给用户一个上传文件页面,用户点击上传后,不会像提交form一样跳转,而是在上传页面下方显示上传情况(正在分析/...
  • linfujian1999
  • linfujian1999
  • 2017年06月22日 15:32
  • 568

ajax上传文件(FormData 对象的使用)

如何创建一个FormData对象 你可以自己创建一个FormData对象,然后通过调用它的append()方法添加字段,就像这样: var formData = new FormData(); f...
  • u013772876
  • u013772876
  • 2017年03月30日 15:49
  • 335

使用FormData进行Ajax请求上传文件到controller层的实现

需求背景: 页面上传一个文件到controller层,然后后台对文件进行处理。文件类型不限。 页面功能展现: 第一步:首先需要两个jar commons-fileupload-1.3.2.jar ...
  • qq_20565303
  • qq_20565303
  • 2017年11月08日 15:16
  • 315

ajax异步上传文件,ajax提交表单中的文件到后台解析

原生ajax是不能提交文件的,因为ajax与后台的通信是通过字符串的. 那么如何实现呢? 本文需要使用jquery.form.js同时,还需要引用jquery.js 以上传excel到后台并解析为例...
  • noteless
  • noteless
  • 2015年12月02日 15:15
  • 4563

基于ajax实现文件上传并显示进度条

这篇文章主要介绍了基于ajax实现文件上传并显示进度条,需要的朋友可以参考下 下面给大家分享下基于ajax实现文件上传并显示进度条。在jsp部分,需要设计一个表单,form的属性添加 e...
  • zjd934784273
  • zjd934784273
  • 2016年01月08日 11:33
  • 842

Springmvc下一次选多个文件上传(二)Ajax异步

通过Ajax异步一次选中多个图片上传: springmvc.xml
  • zhouhaisunny
  • zhouhaisunny
  • 2017年04月05日 13:53
  • 392

thinkphp(php)+Ajax上传图片

使用的外部插件: jquery.form.js(表单提交) :http://malsup.com/jquery/form/#download jquery.json.min.js(解析json数据):...
  • simplty
  • simplty
  • 2015年05月28日 15:29
  • 10331

JavaWEB+Ajax实现文件上传

准备:我们需要找一张绿色或者其它颜色的背景图,放在photo文件夹里就好哈,然后加jar:common-io和commo-fileupload就可以哈 创建progress.css文件:...
  • u014427391
  • u014427391
  • 2016年04月10日 17:18
  • 10095

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

为了避免在实现简单的异步文件上传功能时候引入一个第三方库文件的尴尬情形(库文件可能造成多余的开销,拉低应用加载速度,尤其是在引入库文件之后仅使用其中一两个功能的情况下,性价比极低),最近了解了一下文件...
  • hongchh
  • hongchh
  • 2017年03月30日 22:11
  • 2507
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AJAX应用:巧妙的处理文件上传
举报原因:
原因补充:

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