Multi-выбор файлов с Bootstrap и JQuery - код внутри - PullRequest
Новая
       38

Multi-выбор файлов с Bootstrap и JQuery - код внутри

0 голосов
/ 22 марта 2019

Я использую пример того, как прикреплять файлы, но я хотел бы знать, как я могу прикрепить несколько файлов в этом коде

Я пытался использовать атрибут множественный = "несколько", ноэто не работает.Как мне адаптировать этот код для приема нескольких файлов?

Пример, который я использую, можно найти здесь:

https://codepen.io/Sebus059/pen/MwMQbP

<div class="container">
    <h3>File Input Example</h3>
    </div>
    <div class="form-group col-md-6">
        <label>Files:</label>
    </div>
    <div class="form-group col-md-6">
        <div class="input-group input-file" name="Fichier1">
            <span class="input-group-btn">
                <button class="btn btn-default btn-choose" multiple="multiple" type="button">Procurar </button>
            </span>
            <input type="text" class="form-control" placeholder='Escolha um arquivo...' multiple="multiple" />
            <span class="input-group-btn">
                <button class="btn btn-warning btn-reset" multiple="multiple" type="button">Remover</button>
            </span>
        </div>
    </div>
    <p>
        <div class="form-group col-md-6">
            <button type="submit" class="btn btn-primary pull-right">Salvar</button>
        </div>
    </p>
</div>

То есть сценарий 

<script>
    function bs_input_file() {
        $(".input-file").before(
            function () {
                if (!$(this).prev().hasClass('input-ghost')) {
                    var element = $("<input type='file' class='input-ghost' style='visibility:hidden; height:0'>");
                    element.attr("name", $(this).attr("name"));
                    element.change(function () {
                        element.next(element).find('input').val((element.val()).split('\\').pop());
                    });
                    $(this).find("button.btn-choose").click(function () {
                        element.click();
                    });
                    $(this).find("button.btn-reset").click(function () {
                        element.val(null);
                        $(this).parents(".input-file").find('input').val('');
                    });
                    $(this).find('input').css("cursor", "pointer");
                    $(this).find('input').mousedown(function () {
                        $(this).parents('.input-file').prev().click();
                        return false;
                    });
                    return element;
                }
            }
        );
    }
    $(function () {
        bs_input_file();
    });
</script>
...