—»     —»   Милый обзор файлов на jQuery и PHP
  Раздел: Скрипты и коды   Комментариев: 1  

Милый обзор файлов на jQuery и PHP



Сегодня мы хотим поделиться с вами интересным экспериментом. Это очень милый обзор файлов на сайте и возможность поделиться документами, изображениями и другими файлами. Приложение будет основано на jQuery и PHP, а также дополнительно использовать CSS3. Стоит отметить, что использованные здесь анимации будут плавно работать на смартфонах.

Как использовать его на собственном сайте

Скачайте представленный zip-файл. Распакуйте его, затем загрузите содержимое на сервер. В папке files должно размещаться все, чем вы хотите поделиться. Дальше не требуется никаких настроек, так как скрипт не использует баз данных.

Милый обзор файлов на jQuery и PHP

Суть

Если вам хочется подробнее узнать о работе этого скрипта, то мы предлагаем вам обзор функционала:

* PHP-скрипт – scan.php – сканирует папку files и возвращает все файлы и папки в отдельном JSON-объекте.
* Наш javascript-код при помощи jQuery, берет этот JSON, и преобразует его в сетку файлов и папок. Нажатие по папке повторно осуществляет рендер окна просмотра и его содержимое.

Так как здесь используется всего один запрос к внутреннему интерфейсу, просмотр файлов происходит практически мгновенно. Мы также обновляем URL и используем событие hashchange для отслеживания навигации при помощи кнопок назад/вперед.

Приглашаем вас поэкспериментировать с кодом – здесь представлены все нужные комментарии, и поэтому вы без труда сможете выставить собственные настройки.

Принудительное скачивание файлов

Браузеры открывают текстовые файлы во вкладках вместо того, чтобы скачивать их. Если вы хотите включить принудительное скачивание файлов, то поместите этот файл .htaccess в папке files:

<Files *.*>
ForceType application/octet-stream
</Files>

Он должен быть назван .htaccess. Этот файл поддерживается только серверами Apache.

Дизайн

PSD-файл дизайна можно скачать бесплатно, если вы подписаны на ресурс! Присоединяйтесь к подписчикам и получайте бесплатные материалы!

Надеемся, что вам пригодился этот файловый менеджер! Есть еще много всего, что можно добавить, включая возможность просматривать фотографии в лайтбоксе, воспроизведение аудио и видео во внутреннем проигрывателе, либо возможность загружать файлы. Надеемся, что вы найдете применение данному скрипту, и даже модернизируете его по собственным требованиям!

Смотреть демо | Скачать
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: jQuery, PHP, файлы
Опубликовал Design FactoRy   Прочитано (раз): 3174   |   Оставлено комментариев: 1
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 11 марта 2015 @ 19:25
Написал: Колдун Бабаевич — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
А что в плане безопасности?
Понятно что можно будет скачать файлы, а вдруг какой то мудрец может и закачать что то своё на сервер? Скрипт то проверяли на это?
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Февраль 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
2728