채택완료

이미지 바로 나타나게

2019-10-25 (금) 05:00:34 1,872

<img src="https://cdn.com/img/ibank/2018/188/112/9304211881_228573836.400x400.jpg" width="190," height="190" title="">

이미지 주소인데요

<input type="text" name="img_url[]" id="imgUrl0" class="box img_url_txt" onfocus="this.select()" value="https://cdn.com/img/ibank/2018/188/112/9304211881_228573836.400x400.jpg" align="right" size="18" maxlength="250" autocomplete="off">

인풋에 이렇게 이미지 주소 붙여 넣으면 저장하지 않더라도

바로  <img src="https://cdn.com 이부분에 바로 이미지가 나타나는 방법 좀 알려주세요..

|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트

<img src="https://cdn.com/img/ibank/2018/188/112/9304211881_228573836.400x400.jpg" width="190," height="190" title="" id="img_view">

<input type="text" name="img_url[]" id="imgUrl0" class="box img_url_txt" onfocus="this.select()" value="https://cdn.com/img/ibank/2018/188/112/9304211881_228573836.400x400.jpg" align="right" size="18" maxlength="250" autocomplete="off" onblur="img_view(this.value)">

<script>

function img_view(val) {

  $("#img_view").attr("src",val);

}

</script>

답변에 대한 댓글 2개

2019-10-25 (금) 06:57:59
이른 시간에 감사합니다.
인풋이 배열이라 정확히 이렇구요
<input type=text name='p_img_url[]' id='imgUrl<?=$k?>' onblur="img_view<?=$k?>(this.value)" onfocus="this.select()" value='<?php echo $imgUrl[$k]; ?>' align="right" >

src는 <img src='<? echo $imgUrl[$k];?>' id="img_view<?=$k?>" width=190, height=190> 이런데요,,


<script>

function img_view<?=$k?>(val) {

$("#imgUrl<?=$k?>").attr("src",val);

}

</script>이렇게 했떠니
배열이라 적용이 쉽지 않네요,,,
2019-10-25 (금) 07:19:46
덕분에 해결하였습니다.
$(document).ready(function(){
$("#imgUrl2<?=$k?>").keyup(function(){
var inputVal = $(this).val();
$("#imgUrl<?=$k?>").attr("src", inputVal);
});
});

<? } ?>
이렇게 하니 되네요

답변을 작성하려면 로그인이 필요합니다.