Yii2 upload image widget

Yii2 port of BlueImp jQuery File Upload plugin. File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing.

One widget, simple configuration, everything works out of the box.

Installation

From command line

or add to your composer.json

Usage

UI version

See: https://blueimp.github.io/jQuery-File-Upload/index.html
Please note, in case of using a "UI" version you need to embed the widget to an existing form.

Customizing the UI

You can use your own templates to customize the look and feel of upload,download and main views

народ кто что посоветует.
Задача: нужно автоматически подгружать картинки.
field($model, ‘image’)->fileInput() ?>

И выводить превью сразу после загрузки.

Нужны не ссылки с гугла, а чем пользовались народ — плюсы минусы удобство?

Дата публикации: 2017-05-01

От автора: приветствую вас, друзья. Мы продолжаем цикл статей, посвященных знакомству с фреймворком Yii. Данная статья будет посвящена такой теме, как Yii2 изображения. Здесь мы посмотрим, как происходит загрузка и вывод загруженных изображений.

Итак, давайте затронем в данном цикле статей вопрос загрузки картинок. Операция, которая необходима практически на любом сайте: загрузка изображений товара в интернет-магазине или прикрепление картинки поста в блоге и т.д.

Сделать это на самом деле относительно просто. Нам нужно всего-то знать, что для работы с загруженным файлом необходимо обратиться к классу yiiwebUploadedFile, объект которого и содержит всю информацию о загруженном файле.

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

Читайте также:  Usb vid 147e pid 1002 rev 0048

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Rate this post

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *