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

Question

У меня есть файл PHP, содержащий форму с несколькими текстовыми полями (заголовок, описание и т. Д.)

Одним из полей является Изображение, где я хочу, чтобы пользователь либо набрал адрес для изображения (http://www.domain.com/image.jpg), либо загрузил его). Если пользователь загружает изображение, я сохраняю его на своем сервере и хочу заполнить текстовое поле в форме адресом файла на моем сервере (http://www.mydomain.com/images/image.jpg)

Я попытался решить эту проблему, добавив кнопку загрузки рядом с текстовым полем «Изображение», которое открывает диалоговое окно jQuery UI, содержащее форму с полем «Файл» и кнопку «Отправить».

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

Могу ли я сделать это с помощью PHP, использовать ли jQuery или сделать это совершенно по-другому?

Answer 1

Извлеките move_uploaded_file , поместите файл куда угодно и просто поместите значение туда, где вам нужно. Вы можете использовать jQuery для изменения значения текстового поля, например $('#myfield').val('new_value');.

Answer 2

Html input type image не имеет свойства text или value для установки. У него есть свойство src, которое является URL-адресом изображения, которое он отображает. В вашем случае вместо использования элемента ввода изображения вы можете показать span с обновленным URL-адресом изображения в качестве внутреннего текста или HTML после завершения загрузки.