PHP AjaxForm提交图片上传并显示图片源码

本文实例为大家分享了PHP AjaxForm提交图片上传并显示图片的具体代码，供大家参考，具体内容如下

PHP dofile.php 文件上传源码

<?php$file_upload = "upload/";$file_allow_ext='gif|jpg|jpeg|png|gif|zip|rar|ppt|xls|pdf|pptx|xlsx|docx';$file_allow_size = 5*1024*1024;if($_POST['submit']=="上传"){ if(is_uploaded_file($_FILES['file']['tmp_name'])){  $file_name = $_FILES['file']['name'];  $file_error = $_FILES['file']['error'];  $file_type = $_FILES['file']['type'];  $file_tmp_name = $_FILES['file']['tmp_name'];   $file_size = $_FILES['file']['size'];  $file_ext = substr($file_name, strrpos($file_name, '.')+1);  switch($file_error){  case 0:  $data['status'] = 0;  $data['msg'] = "文件上传成功!";    break;  case 1:  $data['status'] = 1;  $data['msg'] = "文件上传失败，文件大小".$file_size."超过限制,允许上传大小".sizeFormat($file_allow_size)."!";    break;  case 3:  $data['status'] = 1;  $data['msg'] = "上传失败，文件只有部份上传!";    break;  case 4:  $data['status'] = 1;  $data['msg'] = "上传失败，文件没有被上传!";    break;  case 5:  $data['status'] = 1;  $data['msg'] = "文件上传失败，文件大小为0!";    break;   }  if(stripos($file_allow_ext,$file_ext)===false){  $data['status'] = 1;  $data['msg'] = "该文件扩展名不允许上传";    }  if($file_size>$file_allow_size){    $data['status'] = 1;  $data['msg'] = "文件大小超过限制,只能上传".sizeFormat($file_allow_size)."的文件!";   }   if($data['status']==1){  $data['status'] = 1;  $data['msg'] = $data['msg'];  exit(json_encode($data));   }  if($data['status']==0){  if(file_exists($file_upload)){      $file_new_name = date("YmdHis").'_'.rand(10000,99999).'.'.$file_ext;   $file_save_path = $file_upload.$file_new_name;    $data['status'] = 0;     $data['url'] = $file_save_path;   move_uploaded_file($file_tmp_name,$file_save_path);   exit(json_encode($data));      }else{   exit(json_encode($data));  }    }    }}function sizeFormat($size){ $sizeStr=''; if($size<1024) {  return $size."bytes"; } else if($size<(1024*1024)) {  $size=round($size/1024,1);  return $size."KB"; } else if($size<(1024*1024*1024)) {  $size=round($size/(1024*1024),1);  return $size."MB"; } else {  $size=round($size/(1024*1024*1024),1);  return $size."GB"; } }?>

HTML如下

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script><script type="text/javascript" src="http://files.cnblogs.com/files/china-li/jquery.form.js"></script><form action="dofile.php" method="post" enctype="multipart/form-data" id="upfileimage"><input type="hidden" name="image[]" /><label for="file">文件:</label><input type="file" name="file" id="file" /><input type="submit" name="submit" value="上传" /></form><script type="text/javascript">$("#upfileimage").submit(function(){ if($("input[type=file]").val()==""){  alert("请选择要上传的文件");  return false; }})$(function(){ var options = {    type:"POST",  dataType:"json",  resetForm:true,  success:function(o){   if(o.status==1){   alert(o.msg);   }else{   $("body").append("  <img src='"+o.url+"' alt='' width='100' /><input type='hidden' name='image[]' value='"+o.url+"' />");   }  },  error:function(o){   alert(o.message);  }   } $("#upfileimage").ajaxForm(options).submit(function(){return false;});})</script>