Список записей с тегом: image

Вывод превью изображений перед загрузкой с помощью JavaScript и HTML5 FileReader()

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

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

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

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

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

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

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

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

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

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

Yii Framework, CImageModifier - расширение для работы с изображениями

CImageModifier - Yii Framework расширение для работы с изображениями. Которое поможет Вам с легкостью выполнять различные манипуляции с изображениями. Например создавать миниатюры изображений, изменять размеры, обрезать изображение, применять эффекты, добавлять текст на изображение, наложить водяной знак и многое другое.