Обновление : Загрузчик картинок (up. 4-2013)
Обновление : Загрузчик картинок

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


Технологии не стоят на месте, а вместе с ними и представления пользователей о том, “как должно быть”. Особенно это касается визуальных элементов и удобства использования того или иного продукта с точки зрения количества действий, которые нужно совершить для получения желаемого результата.


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


“У нас будет свой загрузчик с драг-н-дропом и превьюхами!” - приблизительно так звучала идея о том, что нужно кардинально обновить текущий загрузчик.


За основу было решено принять HTML5-версию загрузчика, которая будет включена по умолчанию, если пользовательский браузер не возражает.
В данном случае профит в том, что форма мультизагрузчика получается достаточно легковесной, не требует специальных плагинов и плееров, не потребляет столько памяти (и не тормозит безбожно), как Java-апплеты и поддерживается практически в любых современных браузерах, во всех более или менее распространенных операционных системах.


Разумеется, не хотелось оставить в стороне и заядлых консерваторов, не признающих “все эти ваши нововведения”. Поэтому, если браузер пользователя достаточно олдскулен для того, чтобы не поддерживать HTML5, вполне вероятно, что в таком браузере установлен плагин Flash-плеера – в конце концов, нужно же как-то смотреть видео с YouTube, Vimeo и других популярных видеохостингов.


Во Flash-версии мультизагрузчика поддерживается вся та же функциональность, которая есть в HTML5-версии (кроме добавления картинок в поле загрузчика простым перетаскиванием из папки на пользовательском компьютере): создание эскизов изображений без фактической загрузки исходных картинок на сервер – безусловно, полезно проконтролировать, что именно собираешься залить в открытый Интернет до того, как фактически это сделаешь,



а так же форма редактирования заголовков, описаний и тегов.




Ну и для совсем олдскульных и конспирологически правильных браузеров, которые, в силу каких бы то ни было причин, не поддерживают мультизагрузку ни в HTML5, ни во Flash версиях, остается старая, проверенная традиционная форма загрузки картинок.


Попробовать можно на сайте-примере (Важно: обязательно войдите через uID, иначе загрузчик не будет доступен)
Или у себя на сайте, если подключен модуль фотоальбома по адресу: http://ваш_сайт/photo/0-0-0-1-2

92 комментариев
1 2 3 »
avatar
1 Написал FotinA 06 Март 2013, 20:57
За ново ведения спасибо, лишь бы сервера работали нормально, пока глючат..
И самое важное - пока не нашла функцию для альта картинки, если загружаем через форму у статьи , прямо из браузера  - не понятно, как можно прописать альт у фото , так как ставим только системный код картинки и чтоб текст обетакл приходится отдельно прописывать теги, но альто то важе! а никак не сделать((
Ну да - если только через ссылку файлового менеджера загружаем но там нет функции чтоб фока увеличивалась.
Вообще множество недоработок текущих..
И сделайте наконец тобы исходное фото в фотоальбоме редиректом открывалось по адресу основному - где фото уменьшенное и с описанием, а не дублировало уменьшенное /все сео показатели портит такое дело
2 Написал Kurt 06 Март 2013, 20:59
Про alt ваша правда. В тз было, почему-то выпало. Название должно подставляться в альт

Про нестабильность серверов, можно подробнее. На каком сервере у вас проблемный сайт?
avatar
6 Написал FotinA 06 Март 2013, 21:20
я в твиттере вам писала -38 сервер, три дня по ночам не отвечал день когда перезжал + еще 2 дня в добавок с 22,00 до утра,не мои проблемы -метрика уведомления присылала!, вот сегодня только что вечером снова подвисал, где то пол часа длилось,счейчас хоть и не летом открывается, но все же хоть  пошел работать вновь, а то у меня весь поток как раз с 20-22 по мск
31 Написал steve3760 07 Март 2013, 06:49
s26 вчера весь день тормозил, сайт то грузился, то нет, пользователи тоже жаловались.
32 Написал steve3760 07 Март 2013, 06:52
20 фото мало, сделайте 50 или 100, для крупных сайтов это морока по 20 штучек грузить. Вообще бы отлично было, если индивидуально это в настройках модуля настраивалось.
36 Написал d_mon 07 Март 2013, 08:43
20 фото достаточно для того, чтобы было удобно сразу посмотреть миниатюры. а вообще пожелание принято к сведению.
42 Написал Марк-1989 07 Март 2013, 12:32
Мне нравилось в тестовом режиме было 50, это удобно например для меня как путешественника сразу загрузить одним пакетом, я понимаю что это создает нагрузку не сеть, но можно сделать выборочно? Например если у людей фото сайт, им необходима скорость, если обычный им может хватить и 20.
52 Написал onemore 08 Март 2013, 16:05
предложи как фичу для ювеба и перекатывайса на него smile
avatar
3 Написал FotinA 06 Март 2013, 21:03
попробовала, удобно добавлять, но где в новой версии поле описание?
4 Написал d_mon 06 Март 2013, 21:04
В новой версии поле "описание" называется "Краткое описание" и появляется в диалоге загрузки.
avatar
7 Написал FotinA 06 Март 2013, 21:23
краткое описание существует если в старой версии, а если зайдешь через юду.. то только поле загрузки картинки,сами то посмотите...
10 Написал d_mon 06 Март 2013, 21:33
В старой версии загрузчика краткое описание присутствует сразу на этапе выбора загружаемых картинок.
В новой версии диалог с запросом на новое название картинки и краткое описание появляется после нажатия кнопки "загрузить".
avatar
11 Написал FotinA 06 Март 2013, 21:36
я потратила еще 5 минут на пробу и что вижу - категорию не выбрать -белое окно
18 Написал Kurt 06 Март 2013, 21:56
у себя на сайте или на тестовом?
19 Написал d_mon 06 Март 2013, 21:59
Наша вина, не учли необходимость выдать адекватные разрешения не админам.
Исправлено, можно полноценно тестить.
avatar
12 Написал FotinA 06 Март 2013, 21:40
не коллеги, товарищи ит.д.  - дело сырое пока у вас  -описание нужно сразу - делайте так, чтоб простой пользователь мог сразу все увидеть и написать текст в описание и т. д. ,у меня фото добавляют в фотоальбом совсем простые люди, далекие от веба и им не надо ломать голову - должно быть так, чтоб понял и ребенок и все было видно и крупоно!
avatar
13 Написал _krt_ 06 Март 2013, 21:43
Как вы себе представляете описание сразу для 20 фотографий? Вы бы попробовали загрузить фотографии у себя на сайте. Тогда, думаю, все вопросы отпали бы.
avatar
15 Написал FotinA 06 Март 2013, 21:54
Спасибо, что уточнили детали...
сегодня фотку добавляла в альбом вечером, не заметила новых функций, но соглашусь ,что есть зерно истины в Ваших словах. Только пусть оставят и старую форму.
17 Написал Kurt 06 Март 2013, 21:56
Старая форма никуда не девается, и планов ее убирать нет
14 Написал d_mon 06 Март 2013, 21:53
представьте себе сетку для 20 картинок, с полями для нового названия и описания. запрос нового имени и описания для каждой картинки в отдельности был как раз для того и придуман, чтобы у пользователя глаза не разбегались.
avatar
5 Написал player0 06 Март 2013, 21:13
Наконец-то можно массово добавлять фото с кириллицей в названии.
avatar
8 Написал spaget 06 Март 2013, 21:24
"Есть такая профессия хэлпы писать." Вам лучше этим не заниматься...
9 Написал Kurt 06 Март 2013, 21:28
Обновление уже прошло по всем серверам. 70-ый действительно лежит, у него проблема с контролером, ее решают.
Никаких проблем связанных с обновлением нет.
22 Написал AlexPS 06 Март 2013, 22:41
На ювеб еще  не долетели обновления? smile
23 Написал stzarya 06 Март 2013, 23:25
на следеющей неделе будут обязательно smile
33 Написал steve3760 07 Март 2013, 06:53
Почему нет новостей о ювеб? В блоге хоть пишите иногда.
35 Написал stzarya 07 Март 2013, 08:06
Пока идет рутинная работа, о которой писать сложно.
Но замечание принято, исправимся.
39 Написал MaxL 07 Март 2013, 12:04
И раз пошла тема по нестабильности...
Вчера где-то в 23:00 (по Киеву) 77 серв выдавал 500 ошибку, а на 3 - 4 часа раньше начал через раз отвечать, и фтп не работало.
avatar
16 Написал ЖеХа4 06 Март 2013, 21:55
это ведь обновление уже как месяц стоит, но только сейчас в блоге написали...
20 Написал d_mon 06 Март 2013, 22:05
Месяц стояла только флешевая часть, тем более ее предыдущая версия.
21 Написал Kickban 06 Март 2013, 22:24
Спасибо, ребят! Очень даже удобно. Теперь много фотографий к себе на сайт легче стало загружать, а то альбомы довольно большие. wink

Класс! 5+
24 Написал borschaga 07 Март 2013, 00:15
Спасибо smile
25 Написал dr-mila 07 Март 2013, 00:22
Зер гуд
avatar
85 Написал GeeZeer 19 Апрель 2013, 17:50
Конечно зер гуд))
26 Написал Karlosoon 07 Март 2013, 00:39
Обновление супер, та еще и название, теги можно прописать. Спасибо за прекрасную работу! smile
avatar
27 Написал Agent_Smit 07 Март 2013, 00:49
Только у меня драг-н-дроп не работает? HTML5 поддерживается, ОС Windows 8, браузеры IE10, Opera 12.14, Firefox 19
avatar
28 Написал _krt_ 07 Март 2013, 01:07
Есть подозрение, что drag&drop может быть заблокирован антивирусом.
38 Написал Tuwill 07 Март 2013, 11:48
Антиивирус тут непричем.У меня он удален и не работает всеравно.Как все же перетаскивать в альбоме фото?
avatar
40 Написал _krt_ 07 Март 2013, 12:04
Никто не обещал перетягивание фотографий в альбоме. Можно добавить фотографии с помощью перетягивания. Если у вас это не работает, то напишите хотя бы версию своего браузера.
29 Написал Kleindberg 07 Март 2013, 01:42
А можете сделать принцип загрузки как ВКонтакте?

Шаг 1 - Выбор нужных фото. Выбираете нужные изображения для загрузки, если случайно выбрали не то изображение - его можно удалить на первом шаге ещё до начала загрузки.
Шаг 2 - Загрузка выбранного. Собственно загрузка выбранных фотографий на сервер.
Шаг 3 - Редактирование результатов. Заполнение полей названия, описания фото, доп. поля и теги.

А то я загрузил фотку, заполнил описание, нажал Готово и оно зависло и не ясно, что оно делает - грузит на сервер или думает... Ход загрузки можно вывести в то поле, где отображаются миниатюры выбранных фотографий (как в большинстве современных jquery uploader - например http://www.uploadify.com/demos/ - приятно видеть проценты загрузки).
avatar
34 Написал Некий 07 Март 2013, 07:53
Ну тут так и есть по сути.

Окошки с подтвержением ток выбешивают мальца и то что все фотки сразу же нельзя посмотреть при редактировании описания. Ну и опять же дикое ограничение.

А так норм. Спасибо за обновление.
37 Написал d_mon 07 Март 2013, 08:51
все фотки в виде миниматюр можно посмотреть сразу, до  фактической загрузки.
а чтобы окошко с подтверждением не выбешивало,  можно нажать "пропустить все"  и все картинки будут загружены с именами файлов в качестве названий.
avatar
63 Написал Некий 11 Март 2013, 08:17
Вы меня неправильно поняли. Окошко меня выбешивает не потому что оно требует подписать названия фоток. Это нормально, что им названия какие-то надо давать, альты проставлять и так далее. Печально именно то, что одновременно, при подписывании фоток, я вижу только одну фотку. Я не могу посмотреть как подписал предыдущую или вторую по счету фотку, например. Все фотки в окне не уместить. Можно, конечно, сделать скролл внутри окошка, но два скролла на странице ни есть гуд.
88 Написал SOFTOLAB_COM 05 Июнь 2013, 01:07
Сейчас не плохо реализовано, остальные фотки на заднем плане можно смотреть, а скролинг в ajax окне это вообще нонсенс.
30 Написал Guru_G 07 Март 2013, 03:18
Действительно удобно. И, пожалуй, первое обновление за последнее время без явных багов. Похвально. Поздравляю, так держать!
avatar
41 Написал chi47 07 Март 2013, 12:29
еще бы переключатели страниц на главной странице фотоальбома)))
43 Написал Deadshot 07 Март 2013, 13:34
Ох, как хорошо придумали, добавить небольшую менюшку по двойному клику, где можно будет вбить размер расположение и альт будет вообще прекрасно!
44 Написал iGrantand 07 Март 2013, 14:05
Классно! Еще бы такое мультидобавление фоток в новости да в статьи.
45 Написал GalsMd 07 Март 2013, 14:19
Очень хорошее дело! Такое облегчение.
Много фотографий приходится грузить. Это после того как пересортируешь, обработаешь, уменьшишь. На загрузить и назвать уже руки не поднимаются. А тут - великолепно!
Низкий поклон..
Прошу разрешения на увеличение до 50 штук.
avatar
46 Написал bolandee 07 Март 2013, 14:27
Плюсую, ребят!! Хорошая работа!! Мне нрава!!
47 Написал SOFTOLAB_COM 07 Март 2013, 17:24
Еще бы максимальный размер фото к загрузке увеличить, а то трехметровые фото уже даже мыльницы не делают, гораздо большие размеры уже...
48 Написал GalsMd 07 Март 2013, 20:41
Есть простые возможности уменьшения фотографий для web-a
62 Написал SOFTOLAB_COM 11 Март 2013, 01:57
Некоторым качества хочется однако...
49 Написал Nabran_Ru 07 Март 2013, 22:10
Не удобно как то (((
А нельзя сделать как в соц сетях? Ну к промеру без всяких ajax окошек? Можно было сделать так, чтобы там же в самом списке отображались названия фотографии. И при желании изменить теги и описания фотографии то создать возможность нажать на кнопочку и изменить.
59 Написал mastero444ek 10 Март 2013, 19:32
привыкнешь и к этому)
1-20 21-40 41-52
Ваш комментарий