AJax技术

PHP+apc+ajax实现的ajax_upload上传进度条代码

字号+ 作者:H5之家 来源:H5之家 2016-04-18 10:00 我要评论( )

这篇文章主要介绍了PHP+apc+ajax实现的ajax_upload上传进度条代码,详细分析了apc模块的安装、设置及ajax调用实现上传进度条功能,需要的朋友可以参考下,PHP+apc+a

function form_submit (){ new AjaxUpload(#upload, { action: upload.php, name: file, data: { APC_UPLOAD_PROGRESS:$("#progress_key").val() }, autoSubmit: true, onSubmit: function(file, extension){ $(#progressouter).css(display, block); progress(); }, onComplete: function(file, response){ $("#showInfo").html(response); } }); } function progress (){ $.ajax({ type: "GET", url: "progress.php?progress_key="+$("#progress_key").val(), dataType: "json", cache:false, success: function(data){ if(data == 0) { var precent = 0; } else { for (i in data) { if (i == "current") { var json_current = parseInt(data[i]); } if (i == "total") { var json_total = parseInt(data[i]); } } var precent = parseInt(json_current/json_total * 100); $("#progressinner").css("width",precent+"%"); $("#showNum").html(precent+"%"); $("#showInfo").html("ok"); } if ( precent < 100) { setTimeout("progress()", 100); } } }); }

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)

    Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)

    2016-04-17 17:03

  • ExtJS做Ajax请求的超时设置

    ExtJS做Ajax请求的超时设置

    2016-04-13 16:00

  • jquery ajax例子返回值详解

    jquery ajax例子返回值详解

    2016-04-13 15:00

  •  使用反向代理(NodeJS)调试前端AJAX

    使用反向代理(NodeJS)调试前端AJAX

    2016-04-13 14:20

网友点评