이미지로 텍스트 상자를 만들려면 어떻게해야합니까?

질문

Closed. This question needs details or clarity. It is not currently accepting answers.

---

이 질문을 개선하고 싶으십니까? 이 게시물을 수정 하여 세부 정보를 추가하고 문제를 명확히하세요.

3 일 전에 마감되었습니다.

Improve this question

그래서 제가하려는 것은 기본적으로 자체적으로 새로 고침되는 이미지에 연결된 텍스트 상자를 만드는 것입니다. 사용자가 "https://example.com/logo"와 같은 URL을 입력하면 이미지에 해당 URL이 표시됩니다. data : image / png; base64, {Data}도 작동합니다. 나는 시도했다

  <h1>Input</h1><br>
<input type="text" id="url" name="url" value="">
<br>
<br>
<h1>Output</h1><br>
<img src="url">

이 문제는 이미지 자체를 새로 고치거나 Url 을 가져 와서 사용자가 볼 수있는 이미지로 만들 수있는 script를 만드는 방법을 모른다는 것입니다. 당신이 도울 수 있다면 그것은 좋을 것입니다! (= P 임 멍청한 웃음)

<h1>Input</h1><br>
<input type="text" id="url" name="url" value="">
<br>
<br>
<h1>Output</h1><br>
<img src="url">

Expand snippet

그렇게 보이지만 실제로는 작동합니다. 유용한 정보를 찾아 봤지만 어떻게 모을 지 너무 멍청 해요

답변1

Js를 사용하면 매우 간단합니다.

<h1>Input</h1><br>
<input type="text" id="url" name="url" value="">
<input type="submit" value="Load Image" onclick="loadImg()">
<br>
<br>
<h1>Output</h1><br>
<img src="url" id="img">


<script >
   function loadImg() {
       let img_url = url.value;
       img.src = img_url;
  }
</script>

답변2

PHP를 사용할 수 있습니다.

POR 용

<form method="post">
<input name="url" class="url" type="flat" placeholder="Enter a URL">
<input name="submit" class="submit" type="submit" value="Submit">

<?php
if (isset($_POST["submit"])) {
print("<img src='" . $_POST["url"] . "'>");
}
?>

 

 

 

 

출처 : https://stackoverflow.com/questions/63291468/how-do-i-make-a-text-box-to-image