Как добавить ввод HTML изображения в форму?

Question

Как добавить ввод HTML изображения в форму?

0

Я бы хотел, чтобы пользователи отправляли изображения, размещенные на таких сайтах, как imgur, а не загружали их на мой сервер.

Как я могу достичь этого в html?

Вот как выглядит моя форма:

response.write "<form action="""" method=""post"">" &_
                 "<input type=""hidden"" name=""stage"" value=""2"">" &_
                 "Title: " &_
                 "<input type=""text"" name=""title""><br>" &_
                 "Post: " &_
                 "<textarea id=""post"" name=""post""></textarea><br>" &_
                 "<select name=""category"">"
                 do until info.eof
                    response.write "<option value=""" & info(0) & """>" & info(1) & "</option>"
                    info.movenext
                    loop 
                    response.write "</select>" &_
                 "Category <i>(pick one)</i><br>" &_
                 "<br>" &_
                 "<input type=""submit"" value="" add post   "">" &_
                 "</form>"

Что мне нужно добавить, чтобы сделать это возможным?

chap 10 окт. 2013, в 07:14

Источник

0

Текущий код, кажется, не содержит ничего, чтобы позволить пользователю представить изображение - это был бы элемент <input type = file> `. Чтобы разрешить им отправлять URL-адреса изображений, вы можете использовать <input type=url> (который в старых браузерах понижается до <input type=text> ). Но это даст вам только URL, возможно, до некоторой степени проверенный на синтаксис; вам все равно нужно написать код, который на самом деле выбирает изображение, используя этот URL.
Jukka K. Korpela 10 окт. 2013, в 06:08

Теги:

html

forms

asp-classic

image

2 ответа

0

Если вы абсолютно должны использовать ввод, попробуйте следующее:

background-image: url(...);
background-repeat: no-repeat;
background-position: <left|right>;
padding-<left|right>: <width of image>px;

Как правило, немного проще использовать кнопку с img внутри:

Текст. Однако реализация браузера кнопки для отправки несовместима, а также тот факт, что все значения кнопок отправляются при нажатии кнопки, - которая убивает обнаружение "какая кнопка нажата" в форме с несколькими отправками.

Bobbie Hanna 10 окт. 2013, в 03:09

Ещё вопросы

Текущий код, кажется, не содержит ничего, чтобы позволить пользователю представить изображение - это был бы элемент <input type = file> `. Чтобы разрешить им отправлять URL-адреса изображений, вы можете использовать <input type=url> (который в старых браузерах понижается до <input type=text> ). Но это даст вам только URL, возможно, до некоторой степени проверенный на синтаксис; вам все равно нужно написать код, который на самом деле выбирает изображение, используя этот URL.

Shadow Wizard · Accepted Answer · 2013-10-13T08-43-00.000Z

Просто используйте обычное текстовое поле и попросите пользователя поместить туда URL изображения. Сохраните это как необработанную строку в базе данных и отобразите ее с помощью обычного <img>.

Форма имела бы это:

response.write "<form action="""" method=""post"">" &_
    "<input type=""hidden"" name=""stage"" value=""2"">" &_
    "Title: " &_
    "<input type=""text"" name=""title"" /><br />" &_
    "Image: " &_
    "<input type=""text"" name=""image"" /><br />" &_
    ...

И для отображения:

<img src="<%=rs("imageUrl")%>" />