利用iframe来实现ajax文件上传
来源:互联网 发布:马雅可夫斯基 知乎 编辑:程序博客网 时间:2024/05/18 11:48
思路:首先先要提交的文件的表单页面嵌入一个iframe,在要提交文件的表单的target属性中设置页面中嵌入的iframe的name,在js中通过axaj来提交表单,即可通过页面的iframe来提交提交文件到服务器,通过这种方式间接的提交方式即可实现异步提交文件。
1、HTML页面部分代码:
<form name="from1" id="from1" method="post" action="url" enctype="multipart/form-data" target="ajaxUpload"> 这里是重点。要上传文件enctype这个属性不可少,target的值改为iframe的name的值。
<table>
<tr>
<td>附件:</td>
<td><input type="file" id="document" name="document"/></td>
</tr>
</table>
</form>
<iframe name="ajaxUpload" style="display:none"></iframe>2、js部分代码:
$("#form1").submit();提交表单
3、服务器端代码:
Response.Write("<script type='text/javascript' type='language'>parent.window.callBackMethod('上传成功');</scrpt>");
callBackMethod是js代码中定义的一个方法的方法名,这段代码实现当文件上传成功则回调原来的js中的一个方法来进行一些后续操作。
0 0
- 利用iframe来实现ajax文件上传
- 利用iframe实现伪ajax上传文件
- jquery ajaxfileupload利用iframe表单提交实现ajax文件上传
- 文件上传iframe实现ajax
- iframe实现Ajax文件上传效果
- 通过iframe实现ajax方式上传文件
- iframe实现Ajax文件上传效果
- 利用ajax实现文件上传
- 文件上传 通过隐藏iframe的方式来实现ajax上传文件并返回处理结果 ie乱码问题解决
- Iframe实现Ajax文件上传Servlet响应上传结果
- Ajax基于iframe文件上传
- iframe模拟Ajax上传文件
- 使用Ajax+Iframe 实现无刷新文件上传
- 利用iframe 异步文件上传
- ajax--iframe模拟ajax文件上传效果
- 【iframe】iframe实现文件上传原理
- 利用隐藏iframe处理文件上传,本页不刷新,仿ajax
- 两种文件上传的实现-Ajax上传和form+iframe
- 【C语言】调用函数
- ActivityLifecycle 生命周期
- Java之WeakReference与SoftReference使用讲解
- 剖析LRU算法及LinkedHashMap源码实现机制
- leetcode-Set Matrix Zeroes
- 利用iframe来实现ajax文件上传
- BroadcastReceiver—普通广播
- 华为机试题【7】-尼科彻斯定理
- CentOS6.5下Mysql数据库的安装与配置
- bzoj1901 Zju112 Dynamic Rankings
- 4专题四总结
- Git 常用操作命令
- 归并排序——java
- 爬虫常见错误及解决