时间:2021-05-26
本文实例为大家分享了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>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前端时间写项目用到了ajaxForm这个插件,可以用它提交表单和上传图片,听起来和正常的form表单提交没什么区别,只不过是ajax提交,无需刷新页面,如此可以
图片上传思路:通过ajax实现图片上传,然后把PHP返回的图片地址,加入到隐藏字段中,最后通过表单提交给后台PHP,代码如下HTML代码zimg.html文件:
图片上传思路:通过ajax实现图片上传,然后把PHP返回的图片地址,加入到隐藏字段中,最后通过表单提交给后台PHP,代码如下HTML代码zimg.html文件:
本文实例讲解了php上传图片并压缩的实现方法,之前一篇《PHP实现图片上传并压缩》已经为大家进行了简单介绍,此次实现上传图片然后按照比例缩略图,指定缩略图的最大
PHP上传图片到数据库并显示1、创建数据表CREATETABLEccs_image(idint(4)unsignedNOTNULLauto_increment,