Файл не загружается в File Reader

Я использую File Reader для выбора и загрузки изображений. Мои изображения выбираются для предварительного просмотра, но не загружаются, когда я нажимаю кнопку отправки.

В upload.php вывод $_FILES представляет собой пустой массив.

Где проблема?

HTML

<form action="upload.php" method="post" enctype="multipart/form-data">
<div id="wrapper" style="margin-top: 20px;">
    <input id="fileUpload" multiple="multiple" type="file"/> 
  <input type="submit" value="Upload Image" name="upload">

    <div id="image-holder">

    </div>
</div>
</form>

Javascript

<script>

$(document).ready(function() {
        $("#fileUpload").on('change', function() {
          //Get count of selected files
          var countFiles = $(this)[0].files.length;
          var imgPath = $(this)[0].value;
          var extn = imgPath.substring(imgPath.lastIndexOf('.') + 1).toLowerCase();
          var image_holder = $("#image-holder");
          image_holder.empty();
          if (extn == "gif" || extn == "png" || extn == "jpg" || extn == "jpeg") {
            if (typeof(FileReader) != "undefined") {
              //loop for each file selected for uploaded.
              for (var i = 0; i < countFiles; i++) 
              {
                var reader = new FileReader();
                reader.onload = function(e) {
                  $("<img />", {
                    "src": e.target.result,
                    "class": "thumb-image"
                  }).appendTo(image_holder);
                }
                image_holder.show();
                reader.readAsDataURL($(this)[0].files[i]);
              }
            } else {
              alert("This browser does not support FileReader.");
            }
          } else {
            alert("Pls select only images");
          }
        });
      });
</script>

загрузить.php

<?php

require_once './include/db_connection.php';
if(isset($_POST['upload']))
{
print_r($_FILES);
die();

if(!empty($_FILES)){

    $targetDir = "upload/";
    $fileName = $_FILES['file']['name'];
    $targetFile = $targetDir.$fileName;

   if(move_uploaded_file($_FILES['file']['tmp_name'],$targetFile))

   {
        //insert file information into db table
 $sql = mysqli_query($link,"INSERT INTO files (file_name, uploaded) VALUES('".$fileName."','".date("Y-m-d H:i:s")."')");
 echo 'file inserted';  
 }
    else
    {
        echo 'Query not working';
    }

}
else
{
    echo 'No file selected';
}
}

person bc110402307 Syed Zeeshan Haide    schedule 08.06.2016    source источник


Ответы (1)


Ваш входной файл не имеет name.

name элемента управления формы используется для определения того, какой ключ он будет иметь в отправленных данных. Без них контроли не будут успешными (т.е. вообще не появятся в представленных данных).

person Quentin    schedule 08.06.2016
comment
Превосходно! Будьте здоровы ! - person bc110402307 Syed Zeeshan Haide; 08.06.2016
comment
хорошо, еще одна вещь .... Что, если я хочу ограничить размер изображения в сценарии? - person bc110402307 Syed Zeeshan Haide; 08.06.2016