当前位置：编程学习网 >>php教程 > php常用代码 > > 24×25简便计算|简便无刷新文件上传系统

24×25简便计算|简便无刷新文件上传系统

【www.gdgbn.com--php常用代码】

提示：您可以先修改部分代码再运行

简便无刷新文件上传系统
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简便无刷新文件上传系统</title>
<script src="CJL.0.1.min.js"></script>
<script>

var QuickUpload = function(file, options) {
	
	this.file = $$(file);
	
	this._sending = false;//是否正在上传
	this._timer = null;//定时器
	this._iframe = null;//iframe对象
	this._form = null;//form对象
	this._inputs = {};//input对象
	this._fFINISH = null;//完成执行函数
	
	$$.extend(this, this._setOptions(options));
};
QuickUpload._counter = 1;
QuickUpload.prototype = {
  //设置默认属性
  _setOptions: function(options) {
    this.options = {//默认值
		action:		"",//设置action
		timeout:	0,//设置超时(秒为单位)
		parameter:	{},//参数对象
		onReady:	function(){},//上传准备时执行
		onFinish:	function(){},//上传完成时执行
		onStop:		function(){},//上传停止时执行
		onTimeout:	function(){}//上传超时时执行
    };
    return $$.extend(this.options, options || {});
  },
  //上传文件
  upload: function() {
	//停止上一次上传
	this.stop();
	//没有文件返回
	if ( !this.file || !this.file.value ) return;
	//可能在onReady中修改相关属性所以放前面
	this.onReady();
	//设置iframe,form和表单控件
	this._setIframe();
	this._setForm();
	this._setInput();
	//设置超时
	if ( this.timeout > 0 ) {
		this._timer = setTimeout( $$F.bind(this._timeout, this), this.timeout * 1000 );
	}
	//开始上传
	this._form.submit();
	this._sending = true;
  },
  //设置iframe
  _setIframe: function() {
	if ( !this._iframe ) {
		//创建iframe
		var iframename = "QUICKUPLOAD_" + QuickUpload._counter++,
			iframe = document.createElement( $$B.ie ? "</title><p>本文来源：<a href="http://www.gdgbn.com/jiaocheng/23106/">http://www.gdgbn.com/jiaocheng/23106/</a></p>                         
                    </div>
               </div>
                <div class="article-ft">
                    <script type="text/javascript">s3();</script>
                </div>
                <div class="recom-article">
                    <div class="pre-article">
                        <span>上一篇：</span>
                        <a title="javascript学习指南|JavaScript 图片滑动切换效果" href="http://www.gdgbn.com/jiaocheng/23101/">javascript学习指南|JavaScript 图片滑动切换效果</a>
                    </div>
                    <div class="next-article">
                        <span>下一篇：</span>
                        <a title="[javascript学习指南]JavaScript 仿LightBox内容显示效果" href="http://www.gdgbn.com/jiaocheng/23111/">[javascript学习指南]JavaScript 仿LightBox内容显示效果</a>
                    </div>
                </div>
                <div class="may-like-article">
                    <h3>相关推荐</h3>
                    <div class="article-list">
                        <ul class="article-list-one">                            
                                                                                    <li><a title="[asp.net core]asp.net 简便无刷新文件上传系统" href="http://www.gdgbn.com/aspjiaocheng/23105/" target="_blank">[asp.net core]asp.net 简便无刷新文件上传系统</a></li>
                                                        <li><a title="长尾关键词如何选|如何做长尾关键词带流量" href="http://www.gdgbn.com/zhufuduanxin/23104/" target="_blank">长尾关键词如何选|如何做长尾关键词带流量</a></li>
                                                        <li><a title="mysql下载_mysql sql mode" href="http://www.gdgbn.com/jiaocheng/23103/" target="_blank">mysql下载_mysql sql mode</a></li>
                                                        <li><a title="[javascript学习指南]java 在线拍照代码" href="http://www.gdgbn.com/bangongshuma/23102/" target="_blank">[javascript学习指南]java 在线拍照代码</a></li>
                                                        <li><a title="javascript学习指南|JavaScript 图片滑动切换效果" href="http://www.gdgbn.com/jiaocheng/23101/" target="_blank">javascript学习指南|JavaScript 图片滑动切换效果</a></li>
                                                                                </ul>
                        <ul>
                                                                                    <li><a title="[javascript学习指南]javascript 拖拉缩放效果" href="http://www.gdgbn.com/jiaocheng/23100/" target="_blank">[javascript学习指南]javascript 拖拉缩放效果</a></li>
                                                        <li><a title="[seo优化]seo优化三要素" href="http://www.gdgbn.com/wangyetexiao/23099/" target="_blank">[seo优化]seo优化三要素</a></li>
                                                        <li><a title="【新年英语贺卡】新年flash贺卡-朋友举杯共渡春节" href="http://www.gdgbn.com/zhufuduanxin/23098/" target="_blank">【新年英语贺卡】新年flash贺卡-朋友举杯共渡春节</a></li>
                                                        <li><a title="[asp.net core]asp.net ui 工具测试" href="http://www.gdgbn.com/asp/23097/" target="_blank">[asp.net core]asp.net ui 工具测试</a></li>
                                                        <li><a title="javascript学习指南_JavaScript 颜色梯度和渐变效果" href="http://www.gdgbn.com/jiaocheng/23096/" target="_blank">javascript学习指南_JavaScript 颜色梯度和渐变效果</a></li>
                                                                                </ul>
                    </div>
                </div>
                <div class="may-like-article">
                    <h3>网友关注</h3>
                    <div class="article-list">
                        <ul class="article-list-one">
                                                                                    <li><a title="新年英语贺卡|flash贺卡-新年动画祝福flash贺卡下载" href="http://www.gdgbn.com/ps/23095/" target="_blank">新年英语贺卡|flash贺卡-新年动画祝福flash贺卡下载</a></li>
                                                        <li><a title="javascript学习指南_JavaScript 图片截取效果(仿dedecms ,dz论坛)" href="http://www.gdgbn.com/wangyezhizuo/23094/" target="_blank">javascript学习指南_JavaScript 图片截取效果(仿dedecms ,dz论坛)</a></li>
                                                        <li><a title="基督教歌曲新年祝福|新年祝福电子贺卡下载" href="http://www.gdgbn.com/ps/23093/" target="_blank">基督教歌曲新年祝福|新年祝福电子贺卡下载</a></li>
                                                        <li><a title="[javascript学习指南]javascript 获取文档所有图片" href="http://www.gdgbn.com/ps/23092/" target="_blank">[javascript学习指南]javascript 获取文档所有图片</a></li>
                                                        <li><a title="新年贺卡2016_新年贺卡-2010 flash 新年祝福来贺卡下载" href="http://www.gdgbn.com/ps/23091/" target="_blank">新年贺卡2016_新年贺卡-2010 flash 新年祝福来贺卡下载</a></li>
                                                                                </ul>
                        <ul>
                                                                                    <li><a title="php计算当前时间之后之前的时间戳_PHP计算当前时间之后（之前）的时间" href="http://www.gdgbn.com/jiaocheng/23090/" target="_blank">php计算当前时间之后之前的时间戳_PHP计算当前时间之后（之前）的时间</a></li>
                                                        <li><a title="get_magic_quotes_gpc()_get_magic_quotes_gpc()函数" href="http://www.gdgbn.com/jiaocheng/23089/" target="_blank">get_magic_quotes_gpc()_get_magic_quotes_gpc()函数</a></li>
                                                        <li><a title="【php接口安全性】PHP代码安全性问题的建议" href="http://www.gdgbn.com/jiaocheng/23088/" target="_blank">【php接口安全性】PHP代码安全性问题的建议</a></li>
                                                        <li><a title="[注册时判断用户名是否存在]注册时判断用户名的非法字符表达式" href="http://www.gdgbn.com/wangyezhizuo/23087/" target="_blank">[注册时判断用户名是否存在]注册时判断用户名的非法字符表达式</a></li>
                                                        <li><a title="php用socket模拟post请求_PHP用socket模拟post之fsocketopen" href="http://www.gdgbn.com/banzhurengongzuo/23086/" target="_blank">php用socket模拟post请求_PHP用socket模拟post之fsocketopen</a></li>
                                                                                </ul>
                    </div>
                </div>
            </div>
            <div class="detail-main-right" style="margin-top:30px ;">
                <div class="hot-label">
                    <h3>热门标签</h3>
                    <ul>
                        <li>
                        								                            <a title="16×25简便计算" class="label-first" href="/k/1625jianbianjisuan/" target="_blank">16×25简便计算</a>
                            														                            <a title="25×32简便计算" class="label-first" href="/k/2532jianbianjisuan/" target="_blank">25×32简便计算</a>
                            							                        </li>
                    </ul>
                </div>
                <div class="ad-sec">
                    <script type="text/javascript">s7();</script>
                </div>
                <div class="lastnew-work-paper">
                    <h3>最新php常用代码</h3>
                    <ul>
                    	                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常用代码</a>
                            <a title="as3 api|as3 火燃烧效果实现代码" href="http://www.gdgbn.com/jiaocheng/29985/" target="_blank" class="detial">as3 api|as3 火燃烧效果实现代码</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常用代码</a>
                            <a title="phpstudy|php continue和break流程控制语名用法" href="http://www.gdgbn.com/jiaocheng/29933/" target="_blank" class="detial">phpstudy|php continue和break流程控制语名用法</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常用代码</a>
                            <a title="【sql语句查询】sql复合查询与null对查询结果影响分析" href="http://www.gdgbn.com/jiaocheng/29911/" target="_blank" class="detial">【sql语句查询】sql复合查询与null对查询结果影响分析</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常用代码</a>
                            <a title="兼容firefox_兼容firefox和Opera，select中添加、修改、删除option元素" href="http://www.gdgbn.com/jiaocheng/29906/" target="_blank" class="detial">兼容firefox_兼容firefox和Opera，select中添加、修改、删除option元素</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常用代码</a>
                            <a title="csrf-token_c 随机生成字符串或数组方法" href="http://www.gdgbn.com/jiaocheng/29897/" target="_blank" class="detial">csrf-token_c 随机生成字符串或数组方法</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常用代码</a>
                            <a title="css美化select_css美化select表单实现方法代码" href="http://www.gdgbn.com/jiaocheng/29883/" target="_blank" class="detial">css美化select_css美化select表单实现方法代码</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常用代码</a>
                            <a title="【超简单的画】超简单php 大图生成缩略图实现代码" href="http://www.gdgbn.com/jiaocheng/29804/" target="_blank" class="detial">【超简单的画】超简单php 大图生成缩略图实现代码</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常用代码</a>
                            <a title="[asp.net core]asp.net ajax 检测用户名是否可用代码" href="http://www.gdgbn.com/jiaocheng/29740/" target="_blank" class="detial">[asp.net core]asp.net ajax 检测用户名是否可用代码</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常用代码</a>
                            <a title="phpstudy|php 获取目录下所有文件实现代码" href="http://www.gdgbn.com/jiaocheng/29736/" target="_blank" class="detial">phpstudy|php 获取目录下所有文件实现代码</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常用代码</a>
                            <a title="asp.net core|asp.net ajax 检测用户名是否可用代码" href="http://www.gdgbn.com/jiaocheng/29730/" target="_blank" class="detial">asp.net core|asp.net ajax 检测用户名是否可用代码</a>
                        </li>
                                                                    </ul>
                </div>
                <div class="ad-sec">
                    <script type="text/javascript">s8();</script>
                </div>
                <div class="lastnew-work-paper">
                    <h3>php常用代码热门文章</h3>
                    <ul>
                    	                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常</a>
                            <a title="[javascript学习指南]JavaScript 仿LightBox内容显示效果" href="http://www.gdgbn.com/jiaocheng/23111/" target="_blank" class="detial">[javascript学习指南]JavaScript 仿LightBox内容显示效果</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常</a>
                            <a title="javascript学习指南|javascrip 弹出层登陆代码" href="http://www.gdgbn.com/jiaocheng/23154/" target="_blank" class="detial">javascript学习指南|javascrip 弹出层登陆代码</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常</a>
                            <a title="javascript学习指南|javascript 不间断的图片滚动代码" href="http://www.gdgbn.com/jiaocheng/23159/" target="_blank" class="detial">javascript学习指南|javascript 不间断的图片滚动代码</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常</a>
                            <a title="[javascript学习指南]javascript 常用验证正则表达试" href="http://www.gdgbn.com/jiaocheng/23172/" target="_blank" class="detial">[javascript学习指南]javascript 常用验证正则表达试</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常</a>
                            <a title="[javascript学习指南]JavaScript图片放大效果" href="http://www.gdgbn.com/jiaocheng/23175/" target="_blank" class="detial">[javascript学习指南]JavaScript图片放大效果</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常</a>
                            <a title="纯css的下拉菜单_纯CSS的下拉菜单 支持IE6 IE7 Firefox" href="http://www.gdgbn.com/jiaocheng/23190/" target="_blank" class="detial">纯css的下拉菜单_纯CSS的下拉菜单 支持IE6 IE7 Firefox</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常</a>
                            <a title="javascript学习指南_javascript 超酷简洁漂亮的分页效果" href="http://www.gdgbn.com/jiaocheng/23197/" target="_blank" class="detial">javascript学习指南_javascript 超酷简洁漂亮的分页效果</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常</a>
                            <a title="[phpstudy]php 汉字验证码实例代码" href="http://www.gdgbn.com/jiaocheng/23205/" target="_blank" class="detial">[phpstudy]php 汉字验证码实例代码</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常</a>
                            <a title="asp.net|asp 汉字转换拼音程序" href="http://www.gdgbn.com/jiaocheng/23223/" target="_blank" class="detial">asp.net|asp 汉字转换拼音程序</a>
                        </li>
                                                <li>
                            <a title="php常用代码" href="http://www.gdgbn.com/blist-38-1.html" target="_blank" class="tit">php常</a>
                            <a title="javascript学习指南_javascript 图片漂浮广告代码" href="http://www.gdgbn.com/jiaocheng/23226/" target="_blank" class="detial">javascript学习指南_javascript 图片漂浮广告代码</a>
                        </li>
                                                                    </ul>
                </div>
                <div class="ad-sec">
                    <script type="text/javascript">s9();</script>
                </div>
            </div>
        </div>
        		<div class="c-footbg" style=" margin-top:30px;">
		    <div class="c-foot" style=" margin-top:30px;">
		        <div class="c-foot1" style="margin-bottom: 10px;">
		            <span>声明:本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。</span>
		        </div>
		        <div class="c-foot2">
		        	<a>Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有</a>
		        </div>
		    </div>
		</div>        <script type="text/javascript" src="http://www.gdgbn.com/statics/js/fw_js/jquery.SuperSlide.2.1.1.js"></script>
        <script type="text/javascript" src="http://www.gdgbn.com/statics/js/fw_js/fw.js"></script>
        <script language="JavaScript" src="http://www.gdgbn.com/api.php?op=count&id=23106&modelid=1"></script>
 
    </body>
</html>