multipleUpload

<!-- Сначала определяется контейнер -->
<div id="test"></div>

  // Пример кода, предоставлен для справки
  layui.config({base: 'js/modules/'}).extend({
    multipleUpload: 'multipleUpload/multipleUpload'
  }).use(['form', 'multipleUpload'], function() {
    var $ = layui.$,
        form = layui.form,
        multipleUpload = layui.multipleUpload;
    var ins = multipleUpload.render({
        elem: '#test', // ID контейнера, который вы определили
        upload_url: '/common/upload-img', // Ваш реальный адрес загрузки изображений
        upload_choose: function(obj) {}, // Обратный вызов upload choose, необязательный
        upload_before: function(obj) {}, // Обратный вызов upload before, необязательный
        upload_error: function(index, upload) {}, // Обратный вызов upload error, необязательный
        upload_done: function(res, index, callback) { // Обратный вызов успешной загрузки, обязательный, после выполнения логики необходимо выполнить обратный вызов передачи адреса изображения
          callback(res.data, res.data.extra); // Второй параметр - это дополнительные параметры [используются для передачи необходимых параметров серверу]
        },
        uploadConfig: {}, // Параметры компонента загрузки Layui, передаются согласно параметрам компонента загрузки Layui, по умолчанию пустой объект
    });
  });
``````html
unshift: true, // Установлено ли включение загрузки изображений в начало списка. По умолчанию новые изображения добавляются в конец списка, а кнопка добавления всегда находится в начале. Если передается true, то каждое новое изображение будет добавлено перед кнопкой добавления, а сама кнопка переместится вниз.
hasDefaultBtn: true, // Нужна ли группа кнопок по умолчанию. Если передается false, группа кнопок по умолчанию не отображается.
upload_limit: 0, // Ограничение количества загружаемых изображений. По умолчанию равно 0, то есть ограничений нет.
className: 'my_class', // Настраиваемый класс, применяемый ко всем элементам загруженных изображений, что позволяет легко выполнять настраиваемые действия.
error: (error) => { // Обратный вызов ошибки загрузки, активируется во время choose, чтобы позволить выполнять настраиваемые действия
},
btn: [ // Группа кнопок действий для изображений, по умолчанию включает кнопки удаления и просмотра, необязательный
{
name: 'Нажмите 1',
icon: 'layui-icon-add1',
on: function () {
console.log('Клик');
}
}
],
log('Я был нажат')
},
{
name: 'Нажатие 2',
icon: 'layui-icon-add1',
on: function () {
console.log('Я был нажат')
}
}
]
```          data: [  // Инициализация списка изображений, обычно используется для отображения данных при редактировании страницы, необязательный параметр
             {
                index: '1',
                url: '/upload/20201208/1607398502q-UF01G3niVdnRvB5217.jpg',
                extra: {}, // Дополнительные параметры для передачи серверу
             },
             {
                index: '1',
                url: '/upload/20201208/1607398502q-UF01G3niVdnRvB5217.jpg',
                extra: {}, // Дополнительные параметры для передачи серверу
             }
          ],
          parseData: function(data) { // Обработчик формата параметра data, формат данных должен совпадать с приведенным выше примером, необязательный параметр
              return data;
          }
    })
    var images = ins.getUploadImages(); // Получение массива загруженных изображений
    var uploadIns = ins.getUploadInstance(); // Получение экземпляра загрузки upload! [Описание изображения](https://images.gitee.com/uploads/images/2021/0108/175808_bd7518de_1476573.png "screen_shot.png")
});