Dynami c Форма с загрузкой - PullRequest
       0

Dynami c Форма с загрузкой

0 голосов
/ 12 апреля 2020

Прямо в точку.

У меня есть форма поля Dynami c. Для каждой строки мне нужно вставить несколько вложенных файлов.

Например, у меня есть 3 строки поля.

Строка 1 = 3 файла

Строка 2 = 2 файла

Строка 3 = 3 файла

Когда я dd ($ request-> all ()), файлы (upload []) не группируются по строке, стало 8, как мне сгруппировать файлы?

Спасибо.

Form

Output

Код формы

<div class="row">
<div class="col-md-2">
    <div class="form-group">
        <input type="text" class="form-control datepicker" name="date[]" />
    </div>
</div>
<div class="col-md-5">
    <div class="form-group">
        <input type="text" class="form-control" name="description[]" />
    </div>
</div>
<div class="col-md-2">
    <div class="form-group">
        <select class="form-control" name="category[]">
            <option selected disabled value="">Please Select</option>
            @foreach ($categories as $category)
            <option value="{{ $category->id }}">{{ $category->name }}</option>
            @endforeach
        </select>
    </div>
</div>
<div class="col-md-1">
    <div class="form-group">
        <input type="text" class="form-control numeric" name="cost[]" />
    </div>
</div>
<div class="col-md-1">
    <div class="form-group">
        <input type="file" name="upload[]" multiple />
    </div>
</div>
<div class="col-md-1">
    <div class="form-group">
        <button type="button" class="btn btn-success add"><i class="fas fa-plus"></i></button>
    </div>
</div>

1 Ответ

1 голос
/ 12 апреля 2020

Я добавлю новый класс для вашего ввода, как это:

<div class="col-md-1">
    <div class="form-group">
        <input type="file" name="upload[]" class="uploads" multiple />
    </div>
</div>

, затем я создаю функцию changeUploadName () и вызываю ее, когда вы нажимаете на кнопку добавления новой или удаления строки.

function changeUploadName() {
    $(".uploads").each(function(index) {
        $(this).attr('name', 'upload' + index + '[]');
    });
}

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...