Append выбранный файл для ввода

Question

я есть вход с множественным выбранным файлом, их просматривать их в браузере:

<input type="file" name="imageUploader[]" id="imageUploader" multiple/> 

Preview использовать JQuery:

<script> 
    $(document).ready(function() 
    { 
     function readURL(input) 
     { 
      if (input.files) 
      { 
       var html = ''; 

       for(i = 0; i < input.files.length ; i++) 
       { 
        var reader = new FileReader(); 

        reader.onload = function (e) 
        { 
         html = '<img src="'+ e.target.result +'"/>'; 
         $('.reviewUpload').after(html); 
        } 
        reader.readAsDataURL(input.files[i]); 
       } 
      } 
     } 

    $("#imageUploader").change(function(e) 
     { 

     alert(this.files.length); 
     //submit the form here 
      readURL(this); 
     }); 
    }) 
</script> 

и процесс загрузки из браузера с помощью PHP:

$img = $_FILES["imageUploader"]; 

//count how many file selected 
$count = count($_FILES['productImage']['name']); 

//Move image in order to folder 
for($i = 0; $i< $count; $i++) 
{ 
     $tmp = $img["tmp_name"]; 
     move_uploaded_file($img["tmp_name"][$i],"/img/product/".$i.".jpg"); 
} 

Предположим, что я выбрал первые 3 изображения, обозреватель просмотрит это 3 изображения.

Во втором клике, чтобы выбрать файл, я выбираю 2 изображения.

После отправки на сервер сервер получает только последние 2 изображения, которые я выбрал.

Как добавить последние изображения в массив $ _FILES [] в браузере? Если вы работаете правильно, я хочу, сервер получает 5 изображений.

Answer 1

Это происходит потому, что, когда вы выбираете файлы во второй раз, файлы, которые были добавлены ранее, исчезли, чтобы они не были доступны вашему серверу.

Вы можете сделать это, выполнив свой код с помощью функции Add more files.