最近项目中要做一个带进度条的上传文件的功能,学习了Ajax,使用起来比较方便,将几个方法实现就行。

前端引入文件

Ajax进度条异步处理

前端上传HTML

 
 
 
 
文件上传
 
 
  
   Ajax Image Uploader
   
A simple tutorial to explain image uploading using jquery ajax and php
  
    
  
     
      
0% Complete
    
    
   
   
  
  

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" )) {
      #$types = $get_type;
   }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();
  }
  #return $pics;
 }
 
}
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
  );
 
//检查文件上传状态
if($pics){
  echo json_encode($arr);
  
      }   
    }
  }
 
}

文件上传效果如图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。