2013-10-10 2 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

현재 코드는 사용자가 이미지를 제출셔서 아무것도 포함하지 않는 것 - 그 것에 '< 입력 유형 = 파일>'요소. 그들이 이미지의 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와 버튼을 사용하는 것이 조금 더 쉽다 버튼이 사용될 때 모든 버튼 값이 전송된다는 사실은 물론, 다중 제출 양식에서 "어떤 버튼을 클릭했는지"탐지하는 것을 막습니다.

관련 문제