正文

PHP图片上传

譬如朝露 V管理员/ / 0 评论/ 1197阅读
01 16

以下案例单图上传和多图上传都可以使用，要点就是move_uploaded_file函数，上传图片的时候from表单中需写入

 method="post" enctype="multipart/form-data",input中需要加入属性multiple 否则只能一次上传一个

move_uploaded_file() 函数将上传的文件移动到新位置。

若成功，则返回 true，否则返回 false。


html代码如下：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <link rel="stylesheet" href="layui/css/layui.css">
</head>
<style>
  .file-btn{
position: absolute;
width: 100%;
height: 100%;
top: 0;
    left: 0;
    outline: none;
    background-color: transparent;
    filter:alpha(opacity=0);
-moz-opacity:0;
opacity: 0;
}
#demo2 img{
  width: 200px;
  height: 200px;
}
</style>
<body>
  <form action="indexDo.php" method="post" enctype="multipart/form-data">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
      <legend>上传多张图片</legend>
    </fieldset>
     
    <div class="layui-upload">
      <div class="layui-btn layui-btn-primary" style="position: relative;">
        <input type="file" name="uimg[]"  class="layui-btn file-btn" id="files" accept="image/png,image/gif,image/jpg,image/jpeg" multiple>多图片上传</input> 
      </div>
      <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
        预览图：
        <div class="layui-upload-list" id="demo2"></div>

     </blockquote>
    </div>
 
     <input type="submit" class="layui-btn">
    </div>
  </form>
</body>
<script src="layui/layui.js"></script>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
       $('#files').change(function(){
        var docObj=$(this)[0];
        var fileList = docObj.files;
        
        for(var i=0;i<fileList.length;i++){
          if (docObj.files && docObj.files[i]) {
           //最重要的就是这一步，路径的转换
            var imgSrc=window.URL.createObjectURL(docObj.files[i]);
            var img=new Image();
            img.src=imgSrc;
            $('#demo2').append(img)
              
            
          }else{
            alert('请更换浏览器')
          }
        }
        
       })
       
</script>
</html>

PHP代码如下

<?php 
$uimg =$_FILES['uimg'];
//限制文件类型
foreach ($uimg as $key=>$values) {
	//限制图片类型
	if($key=='name'){
		foreach ($values as $k => $val) {
			$imgName=explode('.',$val);
			$imgType=end($imgName);
			echo $imgType =='jpg';
			if($imgType!="jpg" && $imgType!="png" && $imgType!="gif"){
				echo '图片类型错误';
				exit;
			}
		}
	}
	//限制图片大小
	if($key=='size'){
		foreach ($values as $j => $v) {
			if($v>=2000000){
				echo '图片超出大小';
				exit;
			}
		}
	}
	//图片重新命名，并且移动到新的文件夹
	if($key=='tmp_name'){
		foreach ($values as $i => $value) {
			$fileName='uploade/'.time().rand(10000,99999).'.'.$imgType;
			move_uploaded_file($value,$fileName);
		}
	}
}
 ?>


文章版权声明：除非注明，否则均为 譬如朝露_策温技术开发工作室博客原创文章，转载或复制请以超链接形式并注明出处。