이미지 바로 나타나게
본문
<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
<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>
이른 시간에 감사합니다.
인풋이 배열이라 정확히 이렇구요
<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>이렇게 했떠니
배열이라 적용이 쉽지 않네요,,,
덕분에 해결하였습니다.
$(document).ready(function(){
$("#imgUrl2<?=$k?>").keyup(function(){
var inputVal = $(this).val();
$("#imgUrl<?=$k?>").attr("src", inputVal);
});
});
<? } ?>
이렇게 하니 되네요
