как привязать elfinder к input?

Added by Сергей Воронков about 2 years ago

Здравсвуйте, подскажите пожалуйста, как привязать elfinder к input type="text", чтобы по кнопке обзор, выбрать изображение и оно вставлялось в поле.


Replies (19)

RE: как привязать elfinder к input? - Added by Имя Фамилия about 2 years ago

И в продолжение этой темы, тоже самое только, в input прописывался путь выбранной папки, примерно: home/dir (где 'rootAlias' => 'Home')

RE: как привязать elfinder к input? - Added by Dmitry Levashov about 2 years ago

Вешаете на кнопку обработчик который создает elfinder с параметрами как при интеграции с редактором. Подробнее см документацию

RE: как привязать elfinder к input? - Added by Сергей Воронков about 2 years ago

Dmitry Levashov wrote:

Вешаете на кнопку обработчик который создает elfinder с параметрами как при интеграции с редактором. Подробнее см документацию

Покажите пожалста пример если не сложно - всю документацию пролез и ничего не нашел... Человеку который с яваскрипт не дружит это довольно сложно сделать!

RE: как привязать elfinder к input? - Added by Имя Фамилия about 2 years ago

Вот ведь, заставляете думать своей головой... ну в общем рабочий пример для файлов, если что поправьте меня:

 1 function load_elfinder() {
 2     $('<div />').elfinder({
 3         url : 'connectors/php/connector.php',
 4         lang : 'ru',
 5         dialog : { width : 900, modal : true },
 6         editorCallback : function(url) {
 7             document.getElementById('foto_url').value = url;            
 8         }
 9     })
10 }

1 <input id="foto_url" type="text" name="foto_url" value=""/><a href="#" onclick="load_elfinder();">Загрузить</a>

RE: как привязать elfinder к input? - Added by Dmitry Levashov about 2 years ago

Как то так. За отсутсвие ошибок не ручаюсь

 1 $.ready(function() {
 2 
 3   var input = $("#my-input");
 4   var callback = function(url) {
 5     input.val(url);
 6   }
 7 
 8   input.click(function() {
 9     $('<div id="myelfinder" />').elfinder({
10       url : 'connectors/php/connector.php',
11       lang : 'ru',
12       dialog : { width : 900, modal : true, title : 'Files' },
13       closeOnEditorCallback : true,
14       editorCallback : callback
15     })
16   })
17 
18 })

RE: как привязать elfinder к input? - Added by Dmitry Levashov about 2 years ago

Пока писал, сами нашли решение :)

RE: как привязать elfinder к input? - Added by Имя Фамилия about 2 years ago

ошибка только в конце 2 раза))) вместо последних "}}" надо "})".

RE: как привязать elfinder к input? - Added by Сергей Воронков about 2 years ago

Огромнейшее спасибо!!!

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

 1 function load_elfinder($id) {
 2    $('<div />').elfinder({
 3       url : 'connectors/php/connector.php',
 4       lang : 'ru',
 5       dialog : { width : 900, modal : true },
 6       editorCallback : function(url) {
 7          document.getElementById($id).value = url; 
 8       }
 9    })
10 }

1 <input id="foto_url" type="text" name="foto_url" value=""/><a href="#" onclick="load_elfinder('foto_url');">Загрузить</a>

RE: как привязать elfinder к input? - Added by Имя Фамилия about 2 years ago

собственно правильно, так удобней будет))

А папку как возвращать?)

Жестоко гребет у вас форум, сообщения в коде поперепутал))

RE: как привязать elfinder к input? - Added by Имя Фамилия about 2 years ago

Ну так что вместо url надо возвращать, чтобы только папки выбирать?

RE: как привязать elfinder к input? - Added by Dmitry Levashov about 2 years ago

файндер не приспособлен выбирать папки

RE: как привязать elfinder к input? - Added by Имя Фамилия about 2 years ago

вот это косяк... ладно придется приспособить, как считаете это проблемно будет осуществить?

RE: как привязать elfinder к input? - Added by Troex Nevelin about 2 years ago

Dmitry Levashov wrote:

файндер не приспособлен выбирать папки

Если нажать QuickLook на папке то URL-путь тоже не показывается, вроде не баг, но так на заметку

RE: как привязать elfinder к input? - Added by botanist1 botanist2 almost 2 years ago

А как решить обратную задачу. В value поля input поместить url выделенного в менеджере файла.

RE: как привязать elfinder к input? - Added by Troex Nevelin almost 2 years ago

botanist1 botanist2 wrote:

А как решить обратную задачу. В value поля input поместить url выделенного в менеджере файла.

Пока никак, elFinder устанавливает cookie с последней открытой директорией и открывает её если найдена такая директория. На форуме уже пробовали реализовать то что вам нужно и на след версию уже есть задача #119

RE: как привязать elfinder к input? - Added by botanist1 botanist2 almost 2 years ago

Возможно я не верно сформулировал вопрос или что-то не понимаю.
В общем так. Есть форма менеджера. Кроме самого менеджера в ней есть поле
<input type="text" name="filepath" id="filepath" value="?????????" />
Нужно чтобы при событии onClick на файле в менеджере, в value заносился его url.
Почему я решил, что это возможно. При двойном щелчке на файле изображения, оно открывается в всплывающем окне и урл файла прекрасно отдается.
Почему его нельзя отдать в инпут про одиночному щелчку.

RE: как привязать elfinder к input? - Added by Dmitry Levashov almost 2 years ago

К сожалению в текущей версии модель работы с событиями не расширияма :( придется лезть в код. в source:src/js/elFinder.eventsManager.js и в elFinder.prototype.eventsManager::init добавьте свой callback к обработчику на click

RE: как привязать elfinder к input? - Added by botanist1 botanist2 almost 2 years ago

Спасибо. Раз уж все равно учить JS бум влезать. Благо поучиться есть на чем.

RE: как привязать elfinder к input? - Added by Михаил Парфенов 10 months ago

Содержимое этого топика обязано быть в wiki в качестве примеров.

(1-19/19)