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

前端引入文件

成都创新互联服务项目包括乌拉特后网站建设、乌拉特后网站制作、乌拉特后网页制作以及乌拉特后网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，乌拉特后网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到乌拉特后省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

Ajax进度条异步处理


$(function () {
      $("#myupload").ajaxForm({
          dataType:'json',
          beforeSend:function(){ 
                  $(".progress").show();
          },
          uploadProgress:function(event,position,total,percentComplete){
                  var percentVal = percentComplete + '%';
                  $(".progress-bar").width(percentComplete + '%');
                  $(".progress-bar").html(percentVal);
                  $(".sr-only").html(percentComplete + '%');
          },
          success:function(data){
                  $(".progress").hide();
          
                  if(data.error == "empty_name"){
                          alert("文件上传非法,上传失败!");
                          exit();
                  };
                  if(data.error == "large"){
                          alert("图片上传不能大于2M,上传失败!");
                          exit();
                  };
  
  /*alert(data.error);*/
                  if(data.error == "format"){
                          alert("图片格式错误,上传失败");
                          //alert(data.type);
                          exit();
                  };
  
                  //alert("上传成功!");
                  //files.html(""+data.name+"("+data.size+"k) 删除");
                  $(".files").html("文件名: "+data.name+"   del   大小："+data.size);
                  var img = "http://www.sandleft.com/test/input/upload/files/"+data.pic;
                  $(".showimg").html("");
                  alert("上传成功!");
          },
          error:function(){
                  alert("图片上传失败");
          }
          
      });
      $(".progress").hide();
});

前端上传HTML

文件上传

Ajax Image Uploader

A simple tutorial to explain p_w_picpath uploading using jquery ajax and php

Filename:

0% Complete

'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; } }

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异步带进度条上传文件

Ajax Image Uploader

其他资讯