This article focuses on introducing PHP+AjaxForm asynchronous file uploading example code with progress bar. Before using the ajaxForm method, you first need to install the form.js plug-in. It can be found online. Friends who are interested can take a look. I hope it can Help everyone.

Before using the ajaxForm method, you first need to install the form.js plug-in, which is available online;

First, let’s talk about usage. AjaxForm can receive 0 or 1 parameters. This parameter It can be a variable, an object or a callback function. This object mainly has the following parameters:

var object= { url:url,　　　　　　//form提交数据的地址 　　　　　　 type:type,　　　 //form提交的方式(method:post/get) 　　　　　　 target:target,　　//服务器返回的响应数据显示的元素(Id)号 beforeSerialize:function(){} //序列化提交数据之前的回调函数 　　　　　　 beforeSubmit:function(){},　　//提交前执行的回调函数 　　　　　　 success:function(){},　　　　 //提交成功后执行的回调函数 error:function(){}, //提交失败执行的函数 　　　　　　 dataType:null,　　　　　　　//服务器返回数据类型 　　　　　　 clearForm:true,　　　　　　 //提交成功后是否清空表单中的字段值 　　　　　　 restForm:true,　　　　　　 //提交成功后是否重置表单中的字段值，即恢复到页面加载时的状态 　　　　　　 timeout:6000 　　　　　 　 //设置请求时间，超过该时间后，自动退出请求，单位(毫秒)。　　 } ajaxForm js的code $(function(){ $("form").ajaxForm(object)； })

Copy after login

Instance specific code code

htmlcode

PHP+Ajax异步带进度条上传文件实例_php

文件上传

这里只是一个ajax+php+ajaxForm上传文件word文档例子

10% Complete

Copy after login

php upload upload class upload.class.php file

'empty_name','type'=>$type); echo json_encode($arr); exit(); } return true; } /** *检测文件类型 */ public function check_type($get_type) { if (( $get_type == ".docx" ) || ( $get_type == ".doc" )) { //这里只是判断上传word文档可以自己添加 }else{ $type = "check_type"; $arr = array('error'=>'format','type'=>$type); echo json_encode($arr); exit(); } return true; } /** *检测文件大小 */ public function check_size($get_file) { if ( $get_file != "" ) { if ( $get_file > $this->file_size ) { $arr = array('error'=>'large'); echo json_encode($arr); exit(); } }else{ return false; exit(); } return true; } /** *文件保存 */ public function save_file($file_type,$file_tmp_name) { $rand = rand(1000, 9999); $pics =date('YmdHis') . $rand . $file_type; $path = $this->file_path."/".$pics; $result = move_uploaded_file($file_tmp_name, $path); if($result){ return $pics; }else{ return false; exit(); } } } ?>

Copy after login

ajax submit php processing file upload.php

check_file($get_fileName); if($check_result){ $result_type = $up_obj->check_type($get_fileType);//检查文件类型 if($result_type){ $result_size = $up_obj->check_size($get_fileSize);//检查文件大小 if($result_size){ $pics = $up_obj->save_file($get_fileType,$get_TmpFiles); //文件上传保存 $size = round($get_fileSize/1024,2); $arr = array( 'name' => $get_fileName, 'pic' => $pics, 'size'=> $size, 'error' => 2, 'list' =>$_POST['list'] ); if($pics){ //检查文件上传状态 echo json_encode($arr); } } } } ?>

Copy after login

Related recommendations:

PHP AjaxForm Submit image upload and display image source code_php example

The above is the detailed content of PHP and AjaxForm implement asynchronous file upload with progress bar. For more information, please follow other related articles on the PHP Chinese website!