php完整图片上传代码

最新推荐文章于 2024-05-22 10:04:05 发布

我是真北鼻

最新推荐文章于 2024-05-22 10:04:05 发布

阅读量1w

点赞数 8

分类专栏： php 文章标签： php上传后台上传

本文链接：https://blog.csdn.net/WW_CSDN/article/details/43154037

版权

php 专栏收录该内容

3 篇文章 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页面代码：

<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页面代码：

<!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" οnchange="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页面代码：

<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!";
}
?>

个人主页

我是真北鼻

关注

8
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
php完整图片上传代码

我们的目标效果：网站后台图片上传，点击上传选择图片，上传成功之后自动把图片名称放在input文本框内！！先说使用方法吧：（代码在下方自行复制，共三个demo页）首先，最好单独创建个文件夹把upimg.htm和uploadf.php页面放置在一起。（个人建议）1.把Upload页内的部分粘贴到你的上传页面头部，然后再把下面的表单内容复制到你的上传位置！注意修改的地
复制链接

扫一扫