javascript — показать ранее загруженные изображения в [FINE UPLOADER]

Question

javascript — показать ранее загруженные изображения в [FINE UPLOADER]

Я использую прекрасный плагин для загрузки изображений. Загрузка изображений работает нормально. То, что я пытаюсь сделать, — это когда страница обновляется после загрузки изображений. В хорошем загрузчике должны отображаться ранее загруженные изображения.

Вот мой код ..

$('#accordion').on('shown.bs.collapse', function () {
activeShopId1 = $(".collapse.in").attr("id");

$('#' + activeShopId1 + '  #fine-uploader-gallery' + '.single-image').fineUploader({
template: 'qq-template-gallery',
request: {
endpoint: 'upload_internal_image'
},

validation: {
allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
itemLimit: 1
},
messages: {
tooManyItemsError: 'You can only add 1 image'
},
deleteFile: {
enabled: true,
forceConfirm: true,
endpoint: 'delete_internal_image'
},
callbacks: {
onSubmit: function (id, fileName) {
this.setParams({shop_id: shopId4Map});
},
},
});

})

Заранее спасибо.

5

file-upload fine-uploader javascript jquery php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Чтобы показать ранее загруженные изображения или общие файлы при создании нового экземпляра Fine Uploader (например, при загрузке страницы), вы должны использовать функция «начальный список файлов».

Для этого вы должны добавить параметр конечной точки сеанса, например:

session: {
endpoint: '/initial/files'
}

Fine Uploader отправит запрос GET на эту конечную точку, и ваш сервер должен ответить массивом JSON, содержащим объекты, представляющие каждый файл, который будет отображаться в списке.

Вот следующие свойства каждого объекта, которые распознает Fine Uploader (* = требуется):

*name: String — Имя файла.
*uuid: String — UUID файла.
size: Number — Размер файла в байтах.
deleteFileEndpoint: String — Конечная точка для связанного файла удаления
запрос. Если опущено, используется deleteFile.endpoint.
deleteFileParams: Object — Параметры для отправки вместе с
связанный запрос удаления файла. Если опущено, deleteFile.params
используемый.
thumbnailUrl: String — URL-адрес изображения, отображаемого рядом с файлом.
*s3Key: String — Ключ файла в вашей корзине S3. Требуется только при использовании Fine Uploader S3.
*s3Bucket: String — Имя области, в которой файл хранится в S3. Требуется только при использовании Fine Uploader S3 и если корзина не может
определяется путем изучения URL-адреса конечной точки (например, при маршрутизации
через CDN).
*blobName: String — Имя файла в контейнере хранилища BLOB-объектов Azure. Требуется только при использовании Fine Uploader Azure.

Ответ будет преобразован в массив JavaScript и передан в ваш обработчик событий sessionRequestComplete. Таким образом, любые нестандартные свойства объекта, переданные с вашим ответом сервера, также будут переданы вашему обработчику событий.

7