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

php  /  管理员 发布于 7年前   185

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

前端引入文件

Ajax进度条异步处理

前端上传HTML

         
         
文件上传
        
          
          
Ajax Image Uploader
          
A simple tutorial to explain image uploading using jquery ajax and php
 
Filename:           
                     
  
 
  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);         /*         执行上传完成逻辑.....         */      }       }  } }

文件上传效果如图：

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

您可能感兴趣的文章:

• php+ajax实现图片文件上传功能实例
• php ajax无刷新上传图片实例代码
• 使用ajaxfileupload.js实现ajax上传文件php版
• PHP+jQuery+Ajax实现多图片上传效果
• php+ajax实现异步上传文件或图片功能
• php+html5+ajax实现上传图片的方法
• File, FileReader 和 Ajax 文件上传实例分析(php)
• PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
• PHP+Ajax实现上传文件进度条动态显示进度功能
• php+ajax无刷新上传图片实例代码
• PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解