На моем веб-сайте есть страница, где пользователь может задавать вопросы. Теперь я хочу добавить кнопку «Добавить изображение», которая должна вызывать любопытное модальное диалоговое окно, где пользователю необходимо загрузить изображение с компьютера. Затем окно закрывается и ссылка на изображение помещается обратно в сообщение.
Я хочу сделать что-то подобное, например, в SO https://stackoverflow.com/questions/ask – попробуйте нажать кнопку «Изображение», и вы увидите хорошее всплывающее окно вверх.
Пожалуйста, предложите наилучший способ реализовать этот материал. Я прошу фрагмент кода скорее о технологии
Вам понадобятся скрипты на стороне клиента. Я рекомендую изучать Javascript, затем Jquery, затем JQuery UI. Если вы знаете php, это не должно быть слишком сложным для восприятия основ.
легко, как питьевая вода;)
с jquery create pop up … вроде этого ( http://fancybox.net/ ), а затем добавьте форму для всплытия для загрузки изображения … тогда, когда загруженный файл возвращает только абсолютный адрес в родительский редактор … теперь вы можете показать свое изображение;)
Возможно, это может помочь, если вы запустили http://jqueryui.com/demos/dialog/#modal-form . В другом случае вы можете использовать структуру DOM и создавать каждый элемент с помощью appendChild и CreateElement и использовать css, чтобы дать хороший взгляд.
Это всплывающее окно, которое вы можете сделать, используя любую библиотеку jQuery, такую как colorbox. Для загрузки изображений вам придется поочередно искать некоторые загрузки на основе Flash или Java.
http://colorpowered.com/colorbox/core/example1/index.html http://swfupload.org/