在使用ajaxForm方法之前，首先需要安装form.js的插件,网上有；

一、首先说用法，ajaxForm可以接收0或1个参数，该参数可以是一个变量、一个对象或回调函数，这个对象主要有以下参数：

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)；
})

实例具体代码code

htmlcode

 

 



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

php上传上传类upload.class.php文件

'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();
 }
 }
}
?>

ajax提交php处理文件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);
   }  
  }
 }
}
?>

总结

以上所述是小编给大家介绍的PHP+AjaxForm异步带进度条上传文件实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！