Орла
Области
Компаний
Пользователи
Галерея
Фиксированные новости
Орла
Отзывы о фирмах
Тарифы
Пользователи
Области
Банкоматы
Торговые точки
Доска объявлений
Курсы валют
Скидки
организации Орла
организации области
товары
сайты
сайты Орел
Данные
Разделы
Поиск
Поиск запросы
Статистика
Показы каталога организаций
Статистика клиенты
Пользователи
Сайты
Управление сайтом
Анкета
Аптеки
Афиша
Афиша новая
Баннеры
Бизнес >
Викторина
Голосование
Гость на сайте
Истории
Календарь событий
Каталоги >
Конкурс красоты
Конкурс аудио
Консультации
Меню
Новое на сайте
Новости >
Организации >
Программа ТВ
Публикации
Разделы сайта
Рассылка
Рестораны
Секрет фирмы >
Сервисы >
Ссылки
Тесты
Файловый менеджер
Форум
Фотогалерея
Обратная связь
Недвижимость
Новый год
Тексты
Пользователи
Юридический рейтинг
Отзывы на товары
Бан пользователей
Жалобы
Новые тесты
Коронавирус
Файловый менеджер
Имя файла
photoUploader.js
Содержимое
var PhotoUploader = { init: function ($container, route, UIkit, onSuccessCallback) { var $savedImages = $container.find('.jq-saved-image'); $container.html([ '<div class="photo-uploader-container">', '<div class="jq-upload-drop uploader-drop-zone uk-placeholder">', '<div class="jq-preview-comment-photo-container preview-photo-container"></div>', '<a class="uk-form-file uk-button btn-gray"><i class="fa fa-picture-o" aria-hidden="true"></i> Прикрепить фотографии<input class="jq-upload-button" name="photo" multiple type="file"></a>', '</div>', '</div>' ].join('')); var $uploadPhotoContainer = $container.find('.jq-preview-comment-photo-container'); var settings = { action: '/ajax/photo_loader.php?route=' + route, allow: '*.(jpg|jpeg|png|webp)', multiple: true, beforeSend: function (e) { $uploadPhotoContainer.append('<div class="image-item image-item-progress"></div>'); }, complete: function (response) { response = $.parseJSON(response); if (response.success == true) { var $item = $('<img src="/' + response.data + '"><input type="hidden" name="images[]" value="/' + response.data + '"><button type="button" class="jq-uploaded-delete-button uploaded-image-delete"></button>'); var $itemContainer = $uploadPhotoContainer .find('.image-item') .last(); $itemContainer.removeClass('image-item-progress'); $itemContainer.html($item); } else { Alert.error(response.text); } }, allcomplete: function () { $container.find('.jq-upload-button').val(''); if (onSuccessCallback !== undefined && typeof onSuccessCallback === 'function') { onSuccessCallback(); } } }; // если у контейнера есть saved_ изображения, то добавим их, потому что эти изображения на редактирование $savedImages.each(function() { var $item = $('<div class="image-item"><img src="/' + $(this).val() + '"><input type="hidden" name="images[]" value="/' + $(this).val() + '"><button type="button" class="jq-uploaded-delete-button uploaded-image-delete"></button></div>'); $uploadPhotoContainer.append($item); $(this).remove(); console.log('test'); }); var select = UIkit.uploadSelect($container.find(".jq-upload-button"), settings), drop = UIkit.uploadDrop($container.find(".jq-upload-drop"), settings); }, removeAll: function($container) { $container.find('.image-item').remove(); } }; $('.photo-uploader-widget').each(function() { PhotoUploader.init($(this), $(this).data('route'), UIkit); }); $(document).on('click', '.jq-uploaded-delete-button', function (e) { e.preventDefault(); $(this).closest('.image-item').remove(); })
/js/2.0/widgets/
Имя
Дата
Размер
..
2026-05-25
photoUploader.js
2021-09-02
3 кб.
photoUploader.js~
2020-01-27
3 кб.
/js/2.0/widgets
Загрузить файлы
Файл 1
Файл 2
Файл 3