Записи Список записей, страница 17

JavaScript, реализация предпросмотра загружаемого изображения

Достаточно часто необходимо вывести превью загружаемого изображения, так как стандартное поле типа file не дает представление пользователю о том как будет выглядеть изображение после загрузки. Единственным напоминанием о том какое изображение было выбрано, является его имя на компьютере, что не очень удобно.

Хочу поделиться своим способом решения данной задачи.

Yii 2, вывод списка записей с помощью виджета ListView, подробный пример

Часто необходимо выводить список записей на сайте, разработчики Yii позаботились об этом. Для вывода списка записей в Yii2 используют виджет ListView, который упрощает нам жизнь, как с ним работать описано ниже.

Подробный пример работы с виджетом Yii2 ListView.

Bootstrap 3. Добавляем иконки и кнопки социальных сетей

Кнопки с иконками социальных сетей на основе Bootstrap и шрифта Awesome

Input file. Упрощаем пользователю выбор файла для загрузки на сервер

Довольно часто в html формах присутствует поле типа file (<input type="file" name="file">). Чаще всего это поля предназначено для загрузки определенного типа файлов, например изображений, архивов или документов (doc, docx, xls, xlsx, pdf, ...). Но при выборе файла с компьютера пользователь видит все доступные ему файлы как нужного типа так и нет.

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

Yii Framework, XUpload (jQuery File Upload) - расширение для загрузки файлов на сервер

XUpload - расширения Yii Framework для загрузка файлов без перезагрузки страницы, которое основано на плагине jQuery File Upload.

Это расширение позволяет осуществить множественный выбор файлов, поддерживает перетаскивание файлов (drag and drop), прогресс-бар, валидация и превью (предпросмотр) изображений, аудио и видео.

Yii Framework 2. Как я устанавливал Yii2

Я достаточно давно работаю с Yii Framework и мне он очень нравиться. С момента выхода Yii2 я несколько раз (если быть точным, то 3-4 раза) хотел его попробовать, но постоянно сталкивался с проблемой установки (да, у меня не получалось его нормально установить), на этом все заканчивалось, отпадало всякое желание работать с ним дальше. Но сегодня я решил дойти до конца, чего бы мне это не стоило, а там видно будет.

Эта статья о том как я устанавливал Yii2, с какими ошибками сталкивался и как я их решал. Статья не является инструкцией по установки Yii2 (т.к. в ней описаны не только пошаговая установка, но и ошибки возникшие при выполнении этих шагов). Она может быть полезна тем кто столкнулся с ошибками похожими на мои или просто для общего развития. Забегу немного на перед, я все таки установил Yii2 без ошибок, но как я к этому пришел читайте ниже.

Yii Framework 2. Переходим с Yii на Yii2. Часть 4, тестирование

С тестированием в Yii2 тоже, дела обстоят немного иначе, чем в Yii. Yii2 использует для тестирования codeception. Это такая надстройка над PHPUnit, которая упрощает написание кода.

Yii Framework 2. Переходим с Yii на Yii2. Часть 3, установка yii2 advanced через composer

Приступим к установке Yii2 advanced с помощью Composer. В статье описан процесс установки и настройки проекта на Yii Framework 2.

PHP, class.upload.php - класс для комфортной работы с изображениями

class.upload.php - это PHP класс для выполнения операций с изображениями. С помощью этого класса Вы легко сможете создать миниатюры изображений. Класс также может конвертировать, изменять размер изображений, применять эффекты, добавлять текст, водяные знаки на изображения и еще очень много полезных функций.

Вы можете использовать его для файлов, загруженных через HTML формы, Flash Uploader, XMLHttpRequest или для обработки файлов на сервере.

Yii Framework 2. Переходим с Yii на Yii2. Часть 2, установка composer

Yii2 устанавливается с помощью Composer (Composer- это менеджер зависимостей для PHP. Вам необходимо описать зависимость Вашего проекта от внешних библиотек и Composer установит нужные библиотеки за вас!). Установкой Composer мы сейчас и займемся. И так приступим.