基于 iframe 文件上传的 jQuery Ajax 传输插件 jQuery-Iframe-Transport

MIT
JavaScript
跨平台
2018-04-09
王练

jQuery-Iframe-Transport 是一个基于 iframe 文件上传的 jQuery Ajax 传输插件,通过隐藏的 iframe 来实现传输。

要使用这个插件,只需简单的添加一个值为 true 的 iframe 选项到设置了 $.ajax() 调用的 Ajax 中,然后使用 files 选项指定要包含在子控件中的文件字段,该选项可以是选择器、jQuery 对象或包含一个或多个 <input type="file"> 元素的 DOM 列表:

$("#myform").submit(function() {
    $.ajax(this.action, {
        files: $(":file", this),
        iframe: true
    }).complete(function(data) {
        console.log(data);
    });
});

该插件将构造隐藏的 <iframe><form> 元素,然后将文件字段添加到该表单,并提交表单处理响应。

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

jquery iframe父子框架中的元素访问方法

jquery教程 在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式:window.frames...

2014/08/07 10:29
191
0
jQuery AJAX Refresh in an iFrame

Tinkering around with a jQuery enabled Drupal module today, I was trying to make an iFrame that continuously updated. I tried the typical meta-tags and window.location.refresh()...

2013/05/10 11:17
79
0
jQuery控制IFRAME父窗口元素

DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["i...

2011/04/01 13:34
8K
0
非常实用的12 个 jQuery 代码片段

jQuery是个很实用的技能,get√

2015/11/09 11:18
122
0
iframe获取父、子窗口的方法

iframe获取父、子窗口的方法,当弄遮罩层的时候发现的

2015/03/27 16:20
12
0
【持续更新】常用的JQuery 插件汇总

工作中常用的jquery的插件

2013/12/18 11:13
28
0
embed标签遮住div层

依然是上次的那个返工友情项目,当时帮忙用jquery ui写了一个漂浮的投票箱,就是类似点击一个项目然后就收藏到了投票箱中的效果。。 虽然不是很复杂,但是由于页面上有大面积的由kindeditor上...

2014/10/14 23:39
15
0
前端方案解决思路

HTML5 Cross Browser Polyfills via: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills 表单重复提交 对于各种情况(没有耐心的用户,鼠标失灵,软件系统问题...)所...

2015/10/29 16:51
136
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部