php完整图片上传代码(上传到本地)

最新推荐文章于 2024-08-24 22:16:11 发布

waiwai021

最新推荐文章于 2024-08-24 22:16:11 发布

阅读量1.2w

点赞数

分类专栏： php函数

本文链接：https://blog.csdn.net/waiwai021/article/details/69525502

版权

php函数专栏收录该内容

27 篇文章 0 订阅

订阅专栏

我们的目标效果：网站后台图片上传，点击上传选择图片，上传成功之后自动把图片名称放在input文本框内！！

先说使用方法吧：（代码在下方自行复制，共三个demo页）

首先，最好单独创建个文件夹把upimg.htm和uploadf.PHP页面放置在一起。（个人建议）

1.把Upload页内的<script>部分粘贴到你的上传页面头部，
然后再把下面的表单<input>内容复制到你的上传位置！
注意修改的地方有：<form>里的name属性
onClick里的window.open('upimg.htm')修改为你放置的路径！
2.uploadf.php页：第5行代码设置你的上传路径！！
第15行设置允许上传图片的格式！！

好叻，看似好多代码，按照上述步骤很简单的分分钟就解决！快去试试上传吧~

Upload.htm页面代码：

[html]view plaincopy 
   
 <script>  
 function setFile(f1){   
     var str = f1;  
     var n = str.lastIndexOf("/")  //获取斜杠最后一次出现的位置  
 document.frm.logoImg.value= str.substring(n+1);     
      }  
 </script>  
   
   
 <form action="#" method="post"  name="frm"> 请选择上传的图片   
       <input name="pic_name" id="logoImg"   type="text" size="30"/>  
 <label style=" cursor:pointer" onClick="window.open('upimg.htm','上传图片','height=200,width=400,top=200,left=200')">上传图片</label>  
 </form>  

upimg.htm页面代码：

[html]view plaincopy 
   
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
 "http://www.w3.org/TR/html4/loose.dtd">  
 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
 <title>上传图片</title>  
 <script language="javascript">  
     function $(id){  
      return document.getElementById(id);  
     }  
 function ok(){  
      $("logoimg").src = $("filename").value;  
 }  
 </script>  
 </head>  
   
 <body>  
 <table border="0" align="center" cellpadding="0" cellspacing="0">   
   <tr>   
     <td height="45" align="center" valign="middle">  
 <form action="uploadf.php?submit=1" method="post" enctype="multipart/form-data" name="form1"> 请选择上传的图片   
 <input type="file" name="filename" id="filename" onchange="ok()">   
 <!-- MAX_FILE_SIZE must precede the file input field -->  
 <input type="hidden" name="MAX_FILE_SIZE" value="30000" />  
 <input type="submit" name="Submit" value="上传">   
 </form>  
 </td>   
   </tr>   
 </table>   
 <font color="red">注意：请上传XX*XX像素的gif|jpg|jpeg|png格式的图片</font><br/>   
   
 </body>  
 </html>  

uploadf.php页面代码：

[php]view plaincopy 
   
 <meta charset='utf-8'>  
 <?php   
 if(!empty($_GET['submit']))   
 {   
 $path="../../red_style/example/"; //上传路径   
 //echo $_FILES["filename"]["type"];   
   
 if(!file_exists($path))   
 {   
 //检查是否有该文件夹，如果没有就创建，并给予最高权限   
 mkdir("$path", 0700);   
 }//END IF   
   
 //允许上传的文件格式   
 $tp = array("image/gif","image/jpeg","image/jpg","image/png");   
 //检查上传文件是否在允许上传的类型   
   
 if(!in_array($_FILES["filename"]["type"],$tp))   
 {   
 echo "格式不对";   
 exit;   
 }//END IF   
   
 if($_FILES["filename"]["name"])   
 {   
 $file1=$_FILES["filename"]["name"];   
 $file2 = $path.time().$file1;   
 $flag=1;   
 }//END IF   
   
 if($flag) $result=move_uploaded_file($_FILES["filename"]["tmp_name"],$file2);   
   
 //特别注意这里传递给move_uploaded_file的第一个参数为上传到服务器上的临时文件   
 if($result)   
 {   
 //echo "上传成功!".$file2;   
 echo "<script language='javascript'>";   
 echo "alert(\"上传成功！\");";   
 //echo " location='add_aaa.php?pname=$file2'";   
 echo "</script>";   
 echo("<input type=\"button\" name=\"Submit\" value=\"确定\" onClick=\"window.opener.setFile('".$file2."');window.close();\">");  
 echo "图片名称：".$file2;  
 }//END IF   
 } else {  
 echo "file is null!";  
 }  
 ?>  