iframe 嵌套 div ajax jquery,使用jquery+iframe做一个ajax上传效果(实例)

html页面

利用jquery+iframe做一个ajax上传效果

// 利用 jquery+iframe 做一个ajax上传效果

/*

思路:

1: 点击"提交"时的瞬间,生成一个iframe对象,插入body中

2: 修改form的target ,为iframe的name值

3: 给iframe加1个事件 ,onload

*/

$(

function() {

$('input:button').click(function(){

//alert('s');

var ifmname = 'ifm' + Math.random();

var ifm = $('');

ifm.appendTo($('body'));

$('form').attr('target',ifmname);

$('form').submit();

$('#progress').html('" border="0">');

ifm.load(function(){

$('#progress').html('上传完毕');

this.remove();

});

});

}

);

upfile.php

echo move_uploaded_file($_FILES['pic']['tmp_name'],'./upload/' . $_FILES['pic']['name']) ? 'OK':'fail';

以上这篇使用jquery+iframe做一个ajax上传效果(实例)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。