Welcome

首页 / 网页编程 / PHP / 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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。