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

html页面

// 利用 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上传效果(实例)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。

使用jQuery实现页面定时弹出广告效果

1、JQuery效果2、步骤分析：第一步：引入jQuery相关的文件第二步：书写页面加载函数第三步：在页面加载函数中，获取显示广告图片的元素。第四步：设

使用JQ完成表格隔行换色的简单实例

1、步骤分析：第一步：引入jquery的类库第二步：直接写页面加载函数第三步：直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行)第

jQuery图片缩放插件smartZoom使用实例详解

e-smart-zoom-jquery.js插件，下载地址及示例：https://github.com/e-smartdev/smartJQueryZoom插件描述：通过将鼠标悬停在图片上，滚动鼠标滚轮即可实现图片的放大或