添加限制php上传图像

添加限制php上传图像,php,jquery,ajax,Php,Jquery,Ajax,我使用一个php ajax脚本在我的站点上传图像,它没有上传图像的限制。 我想一个用户可以上传只为例3图像。如何在我的代码中添加此限制? 这是我上传图像的php代码: if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST") { $vpb_upload_image_directory = "uploads/"; $vpb_allowed_extensions = array("gif", "jpg", "j

我使用一个php ajax脚本在我的站点上传图像,它没有上传图像的限制。 我想一个用户可以上传只为例3图像。如何在我的代码中添加此限制? 这是我上传图像的php代码:

 if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST")
      {
     $vpb_upload_image_directory = "uploads/";

  $vpb_allowed_extensions = array("gif", "jpg", "jpeg", "png");


foreach($_FILES as $file)
{
    /* Variables Declaration and Assignments */
    $vpb_image_filename = basename($file['name']);
    $vpb_image_tmp_name = $file['tmp_name'];;
    $vpb_file_extensions = pathinfo(strtolower($vpb_image_filename), PATHINFO_EXTENSION);

    //New file name
    $random_name_generated = time().rand(1234,9876).'.'.$vpb_file_extensions;

    if($vpb_image_filename == "") 
    {
        //Browse for a photo that you wish to use
    }
    else
    {
        if (in_array($vpb_file_extensions, $vpb_allowed_extensions)) 
        {
            if(move_uploaded_file($vpb_image_tmp_name, $vpb_upload_image_directory.$random_name_generated)) 
             {
                 //Display Uploaded Files 
                 $image .= '
                 <div class="vpb_wrapper" style="padding:10px;">
                 <img src="'.$vpb_upload_image_directory.$random_name_generated.'" class="vpb_image_style" />
                 </div>';

                 //$image .= '<div class="vpb_wrapper" style="padding:10px; text-decoration:none;">'.$vpb_image_filename.' uploaded</div>';

             }
        }
        else
        {
            // Do not upload files which are not in the allowed file array
        }

       }
    }
    //Display the files
    if($image != "") echo $image;
    }
     ?>
if(isset($\u POST)和$\u服务器['REQUEST\u METHOD']==“POST”)
{
$vpb_upload_image_directory=“uploads/”;
$vpb_允许的_扩展=数组(“gif”、“jpg”、“jpeg”、“png”);
foreach($\u文件为$file)
{
/*变量声明和赋值*/
$vpb_image_filename=basename($file['name']);
$vpb_image_tmp_name=$file['tmp_name'];;
$vpb_file_extensions=路径信息(strtolower($vpb_image_filename),路径信息_扩展名);
//新文件名
$random_name_generated=time().rand(12349876)。'..$vpb_文件扩展名;
如果($vpb\U图像\U文件名==“”)
{
//浏览要使用的照片
}
其他的
{
if(在数组中($vpb_文件扩展名,$vpb_允许的扩展名))
{
如果(移动上传的文件($vpb\U图像\U tmp\U名称,$vpb\U上传的图像\U目录。$random\U名称\U生成))
{
//显示上载的文件
$image.='
';
//$image.=''.$vpb_image_文件名。'uploaded';
}
}
其他的
{
//不要上载不在允许的文件数组中的文件
}
}
}
//显示文件
如果($image!=“”)回显$image;
}
?>

在javascript中,您可以这样做

$(document).ready(function(){
$('#photoUploader').click(function(){
      $('#photoUI').toggle('slow');
});
var ctr = 1;
$('#add').click(function(){
    if(ctr < 3)
    { 
        $('#ulPhoto').append("<li><input type='file' name='file[]' onchange='loadPreview(this,"+ctr+")' id='photo"+ctr+"' /><br /><img id='img"+ctr+"' src='#' alt='' style='width:100px' /><input type='text' autocomplete='off' name='caption[]' id='caption"+ctr+"' placeholder='ID Number' /></li>");
        ctr++;
    }
    else
    {
      alert('Only 3 Images Allowed at a time');
    }
});
});
$(文档).ready(函数(){
$(“#photoUploader”)。单击(函数(){
$('#photoUI')。切换('slow');
});
var-ctr=1;
$('#添加')。单击(函数(){
如果(ctr<3)
{ 
$(“#ulPhoto”)。追加(

  • ”; ctr++; } 其他的 { 警报(“一次只允许3张图像”); } }); });
    HTML

    <div id="photoUI" style="display:none; height: auto">
       <ul id="ulPhoto">
         <li>
         <input type="file" name="file[]" id="photo0" />
         <br />
         <img id="img0" src="#" alt="" style="width:100px" />
         <input type="text" autocomplete="off" name="caption[]" onchange="loadPreview(this,0)" id="caption0" placeholder="Default ID Number" readonly disabled />
         </li>
       </ul>
       <span id="add" style="cursor:pointer">Add More...</span>
    </div>
    
    
    

    添加更多。。。
    $cnt++;如果($cnt>3){die(“太多图像”);}
    。感谢您在哪行添加代码?您可以创建一个临时文件夹,将图像上载到其中,然后检查其中有多少文件--