[Решено] Как прикрутить Ajex File Manager для загрузки фото?

Question

[rad_li]

Есть форма добавления поста, в ней выбор превью-изображения с помощью стандартного инпута. Как к этому инпуту выбора файла привязать Ajex File Manager? Чтобы файл можно было выбрать с сервера. Выбор именно Ajex File Manager обусловлен тем, что его уже используем во многих частях сайта совместно с CKEditor-ом.

UPD: сам нашел решение, но с использованием другого ФМ того же автора djenx.ru/demos/djenx-explorer-ckeditor.htm

Answer 1

[Сергей Мельников]

взять и прикрутить, что непонятного?
demphest.ru/ru/programming/ajex-filemanager

Comments

[rad_li]

Не понятно, что добавить в теге input, чтобы при клике на него или кнопку обзор, открывался Ajex Filemanager.

[Сергей Мельников]

@rad_li

$("target_input").on("focus", function() { AjexFileManager.init(params) });

[rad_li]

Я с javascript-ом на вы, поэтому из вашего комментария мне не понятно, куда это писать. Сейчас у меня голый инпут

[rad_li]

[input type="file"]

[Сергей Мельников]

@rad_li
задайте ему id
<input type="file" id="load_photo">

потом в js добавьте

$(function(){
  $("#load_photo").on("focus", function() { 
    AjexFileManager.init() 
  });
})

[rad_li]

Теперь понятно, но все равно открывается системный диалог выбора файла

[rad_li]

djenx.ru/demos/djenx-explorer-ckeditor.htm

Answer 2

[Сергей]

Если превью не хранится в БД то как вариант сделать инпут обычным текстом и там хранить адрес к изображению, и использовать вариант предложеный mlnkv: на событии onfocus инициализировать этот файловый менеджер.

Comments

[rad_li]

Я нашел то, что искал, но вместо Ajex-а используется обновленная его версия с названием Djenx Explorer того же автора. Вот демо, там есть инпут с нужной функцией djenx.ru/demos/djenx-explorer-ckeditor.htm

[Сергей]

о, спасибо за информацию, не знал :)