2013-10-10 4 views
0

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

Как бы достичь этого в 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>" 

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

+0

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

ответ

1

Просто используйте обычное текстовое поле и попросите пользователя указать 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")%>" /> 
0

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

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

Это, как правило, немного легче использовать кнопку с IMG внутри:

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

Смежные вопросы