2016-04-06 5 views
2

Я пытаюсь использовать загрузку для загрузки нескольких файлов из User. Я вижу, что если я выбираю более одного файла, он действительно загружается, но я ищу способ, чтобы пользователь мог нажать кнопку выбора файлов несколько раз, чтобы добавить больше файлов. Неужели кому-нибудь удавалось использовать это с помощью бутстрапа?Множественная загрузка Bootstrap

<div class="form-group"> 
        <label class="col-sm-3 control-label"> 
         Attachment(s) 
         (Attach multiple files.) 
        </label> 
        <div class="col-sm-9"> 
         <span class="btn btn-default btn-file"> 
          <input id="input-2" name="input2[]" type="file" class="file" multiple data-show-upload="false" data-show-caption="true"> 
         </span> 
        </div> 
       </div> 

Вот мой FIDDLE

+0

Это не квалифицируется как действительный ответ, но вот ссылка, которая может помочь вам: HTTP: //blog.teamtreehouse .com/раздаю-файлы-Ajax. Это был лучший результат поиска Google для меня, когда я искал «файл загрузки ajax». В основном вам предстоит выяснить, как использовать как AJAX, так и [API-интерфейс FormData] (https://developer.mozilla.org/en-US/docs/Web/API/FormData). Как я уже сказал, это не подходит для ответа здесь. Ваш вопрос слишком широк. Попробуйте поработать с несколькими учебниками, и когда вы застряли, не стесняйтесь публиковать еще один вопрос об этой конкретной проблеме. –

+0

Я не совсем уверен, что это связано с Bootstrap - Bootstrap не может помочь вам загрузить файл _single_, не обращая внимания на несколько – Turnip

+0

и [FileList Web API] (https://developer.mozilla.org/en-US/документы/Web/API/FileList). Вид важной части, которую нужно забыть, извините. Я думаю, что в этой части есть большая часть кросс-браузерных танков. –

ответ

1

Если вы хотите загрузить несколько файлов просто поставить «мультипликатор» внутри входного файла тега, как это.

< ввод типа = «файл» имя = «IMG» множественный>

<input id="input-2" name="input2[]" type="file" class="file" data-show-upload="false" data-show-caption="true" multiple> 
Смежные вопросы