Создайте галерею изображений с Pikachoose и PHP

Содержание
2. Создание страницы загрузки
3. Создание страницы загрузки
4. Конец

Pikachoose это легкий плагин для изображений jQuery, он поставляется с простым в использовании API и простым дизайном.
В этом уроке мы создаем динамическую галерею изображений jQuery.Это означает, что пользователи будут загружать изображения динамически из сценария, а на главной странице автоматически будет отображаться изображение, созданное на основе Pikachoose.Однако база данных не требуется, изображения сканируются из определенной папки.
Давайте начнем.

Содержание

подготовка
Создание страницы загрузки
Создание первой страницы
Конец

содержание

1.Preparation

Скачать Pikachoose с этот URL , Мы используем версию 4.5.0 на момент написания этого руководства.
Извлеките папку «lib» и «styles» из загруженного zip-файла. И в этом уроке мы используем "bottom.css" для таблицы стилей.
Создайте папку «uploads», это для хранения загруженных файлов.
Создайте файл «index.php», это для страницы галереи.
Создайте файл «upload.php», он предназначен для загрузки изображений в папку «uploads».

Ваша структура папок и файлов должна выглядеть следующим образом:

2. Создание страницы загрузки

Откройте файл «upload.php» и скопируйте содержимое ниже:

Это очень простая страница загрузки, которая в основном загружает выбранные вами файлы в папку «uploads». В целях обучения мы сделали это простым и небезопасным, потому что каждый сможет зайти на эту страницу и загрузить файлы.
Чтобы сделать его готовым к работе, вы должны поместить «upload.php» в защищенный паролем раздел администратора.

Часть, которая обрабатывает загрузку, является блоком PHP в начале скрипта. Сначала он проверяет, отправлен ли какой-либо файл, а затем перемещает его в папку «uploads».

Страница загрузки должна выглядеть ниже после того, как вы заполните этот раздел. И вы должны иметь возможность загружать файлы для «загрузки» через форму.

3. Создание страницы загрузки

Откройте файл «index.php» и скопируйте содержимое ниже. Мы пойдем, хотя коды после.

Блок 1: Сначала давайте посмотрим на первый блок кода. Это просто включает необходимые библиотеки JavaScript и файлы таблиц стилей.
И наконец, создание объекта Pikachoose путем вызова:
Блок 2: Эта часть кода немного сложнее. Он сканирует папку «загрузки» с помощью функции scandir .
Пожалуйста, обратите внимание, что scandir вернет '.' и «..» как результат, поэтому нам нужно отфильтровать их в цикле.
Наконец, мы использовали DIRECTORY_SEPARATOR в качестве разделителя пути, чтобы он работал как в системах Windows, так и в Linux.

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

4. Конец

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

Вы также можете проверить курс Безопасная загрузка файлов с помощью PHP с lynda.com.

Похожие

Создание корпоративного сайта: польза ресурса и особенности дизайна (ПРЕСС-РЕЛИЗ)
Корпоративный электронный ресурс - действенный инструмент, который позволяет развивать свою деятельность, наращивая авторитет проекта и привлекая внимание потенциальной аудитории

Как создать красивую видео галерею в своем блоге с TubePress
TubePress - лучший плагин для видеогалереи, который я лично нашел для Wordpress. Дэвид Рисли Обновлено 31 мая 2016 г. Это 30-й день 30-дневной серии плагинов WordPress для 30 убийц. Ну, мы достигли конца этой серии. Сегодня мы завершим это. Видео является довольно фундаментальным форматом контента в наши дни. Чтобы получить максимальную отдачу от вашего интернет-маркетинга, вам определенно следует использовать видео.

Использование таблицы начальной загрузки с GridView в ASP.NET
В моей предыдущей статье я писал об использовании загрузите 3 табличных класса с помощью GridView , По запросу посетителей я добавляю эту статью, используя классы начальной загрузки 4 таблицы. Добавление таблицы начальной загрузки с элементом управления GridView в веб-формах ASP.NET требует дополнительной настройки, чтобы GridView выглядел великолепно. Здесь я расскажу о дополнительных

Удивительное дополнение для слайдшоу изображений CS-Cart
Используйте это где угодно! Страница сведений о продукте Блок баннеров Новейший блок Блок последних продуктов Самый популярный блок Блок бестселлеров В продаже блок Рейтинговый блок Вручную заблокировать Ручная установка в другом месте Особенности, которые вы полюбите ... отзывчивый Быстрая загрузка SEO дружественный

Создавайте баннеры с помощью Google Web Designer
Если вы хотите создавать красивые и причудливые HTML5-баннеры, вы можете использовать приложение от Google, и оно на самом деле бесплатно. Приложение называется Google Web Designer , Прежде чем вы сможете использовать баннеры, которые вы создаете с помощью Google Web Designer, GWD, в Adrecord вам нужно будет внести некоторые небольшие изменения. Выполните

Как создать сайт SharePoint
... создание интуитивно понятного дизайна для конечных пользователей. Выберите любой шаблон из раскрывающегося списка: один столбец, один столбец с боковой панелью, два столбца, два столбца с верхним и нижним колонтитулом, три столбца и т. Д. Шаблоны с верхним колонтитулом довольно популярны, так как вы можете использовать его для существенных фактов о проект, основные характеристики, изображения или графика. 5. Создайте сайт в SharePoint Теперь вы готовы к практической

Лучший антивирус 2019 | Платные и бесплатные варианты проверены | TechRadar
... конец-то выпустил бесплатную версию своего чрезвычайно успешного антивирусного программного обеспечения 4. Kaspersky Free Первый набег Касперского в бесплатную интернет-безопасность Операционная система: Windows | Версия: 18.0.0.405 | Особенности: сканирование в режиме реального времени, антифишинг, сканирование электронной почты, защита от