Forums / National / Russian / Модули и плагины / Плагин "Files Uploader"

12>>>

Плагин для загрузки изображений на сайт с их привязкой к странице

Uch
#1 2013-08-20 11:10

Скачать: http://www.cotonti.com/datas/users/filesup_220.rar

Плагин FilesUp предназначен для загрузки изображений на сайт с привязкой к определенной странице и дальнейшего их использования в тексте этой страницы и в качестве ее аватаров.

Для своей работы плагин использует:
1.модуль Page: загружаемые изображения привязаны к определенной странице,
2.модуль PFS для учета загруженных изображений и опционно формирования их миникартинок,
3.плагин CKEditor для вставки изображений в текст редактируемой страницы.

Для выбора и загрузки изображений используется HTML5 форма с мультивыборкой файлов.

Плагин позволяет:
1. Загрузить и привязать к странице на стадии ее создания/редактирования/просмотра (отдельно и в списке) произвольное количество изображений, снабдив их описанием и другими опциями (о которых будет рассказано ниже), а также при необходимости уменьшив их размеры в процессе закачки на сайт.
2. На стадии создания и редактирования страницы плагин предоставляет пользователю возможность включить загруженные изображения или их миникартинки в текст страницы.
3. С помощью глобальной функции из состава плагина можно использовать более одного загруженного для страницы изображения в качестве аватара, что, например, позволит создать слайдер или фото-галерею.
4. При загрузке изображений на сайт, создать в структуре Файлового архива полноценную папку (возможно публичную галерею).

При загрузке изображений на сайт и при дальнейшем управлении ими, кроме функций удаления изображения и изменения его описания, пользователю так же доступны следующие опции:
1. Указание миникартинки, как активной, что позволит, например, использовать ее, как ссылку на полномасштабное изображение.
2. Указание иображения, как аватар, что позволит выводить ее или ее миникартинку, как аватар страницы.
2.1. В качестве аватара страницы может быть использовано несколько изображений. Показом аватаров можно управлять с помощью файлов скина: редактируя существующий или создавая новые. Вывод аватаров осуществляется с помощью глобальной функции get_avatars(page_id, tpl_file), где page_id - индекс страницы, а tpl_file - имя файла скина, через который осуществляется показ аватаров.

При формировании миникартинки могут быть использованны соответствующие настройки Файлового архива или собственные настройки плагина.

Установка:
1.Скопировать папку filesup в дирректорию plugins своего сайта.
2.В разделе Расширения Административной панели сайта установить плагин Files Uploader.
3.При необходимости изменить настройки плагина.
4.Внести следующие строки в файлы modules/page/tpl/page.add.tpl и modules/page/tpl/page.edit.tpl

<tr>
<td>{PAGEADD_FORM_FILESUP_TITLE}:</td>
<td>{PAGEADD_FORM_FILESUP}</td>
</tr>

5.Для запуска плагина при просмотре страницы отдельно или в списке можно использовать следующий код

для page.tpl:

<!-- IF {PAGE_FILESUP_ID_VALUE} -->
    <li><a href="#" onclick="window.open('filesup?fuid={PAGE_FILESUP_ID_VALUE}&pageid={PAGE_ID}','fu_window','{PHP.cfg.plugin.filesup.fu_winparams|str_replace('-','=',$this)}');return false;">FilesUp</a></li>
<!-- ELSE -->
    <li><a href="#" onclick="window.open('filesup?fuid={PHP|cot_unique(10)}&pageid={PAGE_ID}','fu_window','{PHP.cfg.plugin.filesup.fu_winparams|str_replace('-','=',$this)}');return false;">FilesUp</a></li>
<!-- ENDIF -->

для page.list.tpl:

<!-- IF {LIST_ROW_FILESUP_ID_VALUE} -->
    <a href="#" onclick="window.open('filesup?fuid={LIST_ROW_FILESUP_ID_VALUE}&pageid={LIST_ROW_ID}','fu_window','{PHP.cfg.plugin.filesup.fu_winparams|str_replace('-','=',$this)}');return false;">FilesUp</a>
<!-- ELSE -->
    <a href="#" onclick="window.open('filesup?fuid={PHP|cot_unique(10)}&pageid={LIST_ROW_ID}','fu_window','{PHP.cfg.plugin.filesup.fu_winparams|str_replace('-','=',$this)}');return false;">FilesUp</a>
<!-- ENDIF -->

где {PAGE_FILESUP_ID_VALUE} и {LIST_ROW_FILESUP_ID_VALUE} - тэг, соответствующий экстраполю filesup_id таблицы страниц, а {PAGE_ID} и {LIST_ROW_ID} - тэг содержащий уникальный ID страницы.

6. Для вывода аватара или нескольких аватаров страницы необходимо использовать вызов глобальной функции из соответствующих tpl-файлов с помощью кода:

{PAGE_ID|get_avatars($this)} или {LIST_ROW_ID|get_avatars($this)} - для вывода аватаров в списке страниц.

7. Для изменения внешнего вида плагина отредактируйте файлы filesup.tpl и filesup.css, расположенные в папке tpl плагина, по своему усмотрению.

8. Для управления выводом аватаров отредактируйте filesup.avatars.tpl или создайте любой другой tpl-файл для передачи в функцию get_avatars(page_id, tpl_file).

Скриншоты:
1. Начальная форма

01_220.jpg

2.Предзагрузка

02_220.jpg

3.Загруженные файлы

03_220.jpg

esclkm
#2 2013-08-20 11:51

круто

littledev.ru - мой маленький зарождающийся блог о котонти.
снижение стоимости программирования и снижение стоимости производства разные вещи. Первое можно скорее сравнить с раздачей работникам дешевых инструментов, чем со снижением зарплаты
Wadik
#3 2013-08-20 12:32

Элегантное решение! Спасибо!

Uch
#4 2013-08-20 12:45

Позже опубликую плагин ThumbsEdit, который позволяет редактировать сами миникартинки при помощи js-скрипта imgAreaSelect. Его удобно использовать и вместе с FilesUp и отдельно для выделения произвольной области изображения и сохранения ее, как миникартинки.

esclkm
#5 2013-08-20 13:59

только убедительная просьба - кинь в архив расширений..

littledev.ru - мой маленький зарождающийся блог о котонти.
снижение стоимости программирования и снижение стоимости производства разные вещи. Первое можно скорее сравнить с раздачей работникам дешевых инструментов, чем со снижением зарплаты
Uch
#6 2013-08-20 14:50

Блин. Я запарюсь все это переводить на английский язык.

esclkm
#7 2013-08-20 15:52

Гтранслейт))) хотябы.. просто на форуме это потеряется

littledev.ru - мой маленький зарождающийся блог о котонти.
снижение стоимости программирования и снижение стоимости производства разные вещи. Первое можно скорее сравнить с раздачей работникам дешевых инструментов, чем со снижением зарплаты
Dayver
#8 2013-08-20 19:06

Вот еще одна реанкарнация pageavatar со своими плюшками .... вот только мне кажется людям будет нехватать встроенной возможности накалдывать ватермарки

Pavlo Tkachenko aka Dayver
Uch
#9 2013-08-20 19:38

ИМХО, ватермаки - зло. Но в плагине предусмотрены хуки и любой желающий может воткнуть туда, что пожелает.

Dayver
#10 2013-08-21 08:55

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

Pavlo Tkachenko aka Dayver
Wadik
#11 2013-08-21 09:16

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

Dayver
#12 2013-08-21 10:03

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

Pavlo Tkachenko aka Dayver
Uch
#13 2013-08-21 15:25

По честноку - не хочу добавлять... но теоретически могу... но практически не буду... или пока не буду :) Однако соглачен на 100%, что чем больше возможностей у плагина, тем лучше. 

Sergeich
#14 2013-08-21 19:19

Платный прибамбас, за символическую плату, страждущие купят, а все остальные за интернет без копирайтов :)

Aristei
#15 2013-08-22 04:37

1. В общем обнаружилась странная проблема: Не происходила предзагрузка фалов. Dreamweaver CS4 ругался на этот код, будто на одинарную ковычку, но код вроде верный: 

20130822-cg8-38kb.jpg


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

20130822-cg8-38kb.jpg

Но сама загрузка файлов не работает, выдает такую ошибку:

SQL error 42000: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '' at line 1
#0  cot_diefatal(SQL error 42000: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '' at line 1) called at [D:\Server\home\cotonti.my\system\database.php:568]
#1  CotDB->update(cot_pfs_folders, Array ([pff_updated] => 1377150403), pff_id=) called at [D:\Server\home\cotonti.my\plugins\filesup\filesup.php:235]
#2  include(D:\Server\home\cotonti.my\plugins\filesup\filesup.php) called at [D:\Server\home\cotonti.my\system\plugin.php:96]
#3  require_once(D:\Server\home\cotonti.my\system\plugin.php) called at [D:\Server\home\cotonti.my\index.php:122]

 

Причем реально он загружает первый файл в очереди.

2. Еще один глюк он для файла не создает миниатюру, хотя в настройках плагина стоит «Нет» в пункте «Использовать настройки файлового архива для формирования миникартинки:»

Так же вместо «Правки» он выводит код:

20130822-96m-21kb.jpg

 

3. При клике вставить как активную миникартинку, путь вставляется не к оригиналу, а к миникартинке:

20130822-96m-21kb.jpg

Sorry for my English

Dit bericht is bewerkt door Aristei (2013-08-22 06:25, 10 jaren ago)

12>>>