html页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>利用jquery+iframe做一个ajax上传效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="http://libs.baidu.com/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
// 利用 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 = $('<iframe width="0" height="0" frameborder="0" name="'+ ifmname +'">');
ifm.appendTo($('body'));
$('form').attr('target',ifmname);
$('form').submit();
$('#progress').html('<img src="<img src="//img.jbzj.com/file_images/article/201708/loading.gif" alt="" />" border="0">');
ifm.load(function(){
$('#progress').html('上传完毕');
this.remove();
});
});
}
);
</script>
<style type="text/css">
</style>
</head>
<body>
<div id="progress"></div>
<form action="upfile.php" method="post" enctype="multipart/form-data" target="upfile">
<input type="file" name="pic" /><br />
<input type="button" value="提交" />
</form>
</body>
</html>
upfile.php
echo move_uploaded_file($_FILES['pic']['tmp_name'],'./upload/' . $_FILES['pic']['name']) ? 'OK':'fail';
以上这篇使用jquery+iframe做一个ajax上传效果(实例)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
# jquery
# ajax
# iframe
# 仿iframe效果Aajx文件上传实例
# 使用jQuery和ajax代替iframe的方法(详解)
# jQuery Ajax 上传文件处理方式介绍(推荐)
# 做一个
# 上传
# 给大家
# 希望能
# 这篇
# 小编
# 大家多多
# 瞬间
# meta
# title
# lang
# xmlns
# head
# CN
# zh
# equiv
# src
相关文章:
制作网站外包平台,自动化接单网站有哪些?
北京网页设计制作网站有哪些,继续教育自动播放怎么设置?
广州建站公司哪家好?十大优质服务商推荐
大连 网站制作,大连天途有线官网?
网站制作公司排行榜,抖音怎样做个人官方网站
大连网站设计制作招聘信息,大连投诉网站有哪些?
杭州银行网站设计制作流程,杭州银行怎么开通认证方式?
如何通过宝塔面板实现本地网站访问?
如何快速重置建站主机并恢复默认配置?
Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解
建站之星2.7模板:企业网站建设与h5定制设计专题
如何选择美橙互联多站合一建站方案?
北京建设网站制作公司,北京古代建筑博物馆预约官网?
如何用西部建站助手快速创建专业网站?
北京专业网站制作设计师招聘,北京白云观官方网站?
建站主机选购指南与交易推荐:核心配置解析
学校免费自助建站系统:智能生成+拖拽设计+多端适配
如何配置FTP站点权限与安全设置?
如何在阿里云服务器自主搭建网站?
成都响应式网站开发,dw怎么把手机适应页面变成网页?
高配服务器限时抢购:企业级配置与回收服务一站式优惠方案
一键制作网站软件下载安装,一键自动采集网页文档制作步骤?
七夕网站制作视频,七夕大促活动怎么报名?
头像制作网站在线制作软件,dw网页背景图像怎么设置?
韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐
如何通过二级域名建站提升品牌影响力?
公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?
常州自助建站工具推荐:低成本搭建与模板选择技巧
C++如何将C风格字符串(char*)转换为std::string?(代码示例)
C++如何编写函数模板?(泛型编程入门)
如何零基础在云服务器搭建WordPress站点?
网站网页制作专业公司,怎样制作自己的网页?
Python如何创建带属性的XML节点
c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】
制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?
详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)
整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去?
,网页ppt怎么弄成自己的ppt?
建站主机选购指南:核心配置优化与品牌推荐方案
如何通过IIS搭建网站并配置访问权限?
湖北网站制作公司有哪些,湖北清能集团官网?
高端智能建站公司优选:品牌定制与SEO优化一站式服务
建站之星如何修改网站生成路径?
建站之星如何一键生成手机站?
制作销售网站教学视频,销售网站有哪些?
如何快速生成可下载的建站源码工具?
网页设计与网站制作内容,怎样注册网站?
如何通过NAT技术实现内网高效建站?
如何在IIS管理器中快速创建并配置网站?
制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事?
*请认真填写需求信息,我们会在24小时内与您取得联系。