bootstrap -fileinput распознает только один файл при загрузке по одному

Question

Я использую bootstrap -fileinput, я инициализировал его следующим образом

code html*********

<div id="imgproyectos">
    <input id="input-fa-img-principal-detalle"
        name="inputfaimgprincipalDetalle" type="file" multiple
        class="file-loading">
</div>


              $("#input-fa-img-principal-detalle").fileinput('destroy');
              $("#input-fa-img-principal-detalle").fileinput({
                  initialPreview: '',
                  initialPreviewAsData: true,
                  //headers: {'X-CSRF-TOKEN': token },
                  theme: "fa",
                  previewFileType: "image",
                  allowedFileExtensions: ['jpg', 'jpeg', 'gif', 'png'],
                  browseClass: "btn btn-primary",
                  theme: "fa",
                  uploadUrl: "/file-upload-batch/2",
                  showUpload: false,
                  showRemove: false,
                  browseLabel: "Cargar Imagen",
                  removeClass: "btn btn-primary",
                  removeLabel: "Eliminar",
                  msgInvalidFileExtension: "Archivo de imagen no valido, solo estan permitidos formatos jpg , jpeg , gif , png "
              }).on("filebatchselected", function (event, files) {
                  //alert('xx');
                  $('.kv-file-upload').hide();
              });

с этим javascript кодом. Я получаю изображения, которые вставляю в bootstrap -fileinput

jQuery.each(jQuery('#input-fa-img-principal-detalle')[0].files, function(i, file) {
    //data.append('file-'+i, file);
    console.log('file-'+i, file);    
});

проблема в том, что когда я загружаю изображения пакетно, он распознает все

введите описание изображения здесь

, но когда я начинаю добавлять изображение по изображению и, в конце концов, я запускаю свой javascript файл из 3 только 1 файл изображения распознает меня

введите описание изображения здесь

кто-нибудь знает, что может быть не так

Answer 1

Попробуйте это, разрешит ли это ошибку. Вы можете добавить несколько атрибутов и установить их значение в несколько, чтобы разрешить выбрать из нескольких файлов

<input type="file" id="myFile" name="myFile" multiple="multiple">

в вашем случае

 <input id="input-fa-img-principal-detalle"
    name="inputfaimgprincipalDetalle" type="file" multiple="multiple"
    class="file-loading">