189 8069 5689

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                  
                                    

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异步带进度条上传文件
分享路径：http://cdxtjz.cn/article/pdoocp.html

其他资讯

联系我们

您好HELLO!
感谢您来到成都网站建设公司，若您有合作意向，请您为我们留言或使用以下方式联系我们， 我们将尽快给你回复，并为您提供真诚的设计服务，谢谢。
  • 电话：028- 86922220 18980695689
  • 商务合作邮箱：631063699@qq.com
  • 合作QQ： 532337155
  • 成都网站设计地址：成都市青羊区锣锅巷31号五金站写字楼6楼

小谭建站工作室

成都小谭网站建设公司拥有多年以上互联网从业经验的团队，始终保持务实的风格，以"帮助客户成功"为已任，专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司；我们对营销、技术、管理都有自己独特见解，小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务！

小谭观点

相对传统的成都网站建设公司而言，小谭是互联网中的网站品牌策划，我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为，网站必须注入企业基因，真正使网站成为企业vi的一部分，让整个网站品牌策划体系变的深入而持久。
友情链接： 西云机房   青羊区雕琢时光   外贸网站设计方案   绵阳服务器托管   正泰动物   app软件定制开发   内江做网站   阿坝州网站建设   服务器机柜租用   成都网站建设   
© Copyright 2023 小谭建站工作室All Rights Reserved.  蜀ICP备2021004003号-2  成都网站建设 / 成都网站建设 / 响应式网站建设 / 定制网站建设  xml 网站地图