이미지 크기 바꾸기
본문
~~.32x32.jpg
이미지 주소 뒷부분이 32x32.jpg 인데요
이미지 url을 인풋에 붙여넣으면
~~.500x500.jpg으로 바뀌게 하고 싶습니다.
물론 이미지 주소는 늘 다르지만 뒷부분은 .32x32.jpg입니다.
따라서
~~~~.500x500.jpg 이렇게 바뀌게 하고 싶다는 겁니다.
<input type="text" name="p_img_url[]" id="p_img_url_mb<?=$i?>" class="img_url_txt" value="" onfocus="this.select()" title="이미지 URL">
어떻게 해야 할까요?
$('#p_img_url_mb<?=$i?>').on('change keyup paste',function(){
var inputVal = $(this).val();
$("#p_img_url<?=$i?>").attr("src", inputVal);
});
이런식으로 해보려는데 안되네요,,흑흑
답변 3
<script>
function changString(my) {
if (my.value.indexOf("50x50") > -1) my.value = my.value.replace("50x50", "300x300");
// my.value 에 50x50 이라는 문자열이 검색되면 그것을 300x300 으로 바꾸어라
}
</script>
<input type=text onchange=changString(this) onkeyup=changString(this) onpaste=changString(this)>
// my 는 this, 즉 나 자신이며 onchange,onkeyup,onpaste 시에 나의 문자열을 함수에서 정의한대로 바꾸어라
아호, 잘됩니다. 감사합니다!! 이거 질문하기도 어려운데 알고서 코드까지 주셔서 감사합니다.
안 되는 증상이 어떤 건가요?
서버에
~~.32x32.jpg
이 파일이 있다면
~~.500x500.jpg
이 파일도 있어야 브라우저에서 이미지가 보일 겁니다.
~~~~.500x500.jpg 이렇게 안바껴서요
$('#p_img_url_mb<?=$i?>').on('change keyup paste',function(){
var inputVal = $(this).val();
console.log( inputVal); // 이것으로 어떤 값이 나오는지 확인해 보세요.
$("#p_img_url<?=$i?>").attr("src", inputVal);
});
var inputVal = $(this).val(); 하시고 뒤에 str_replace를 검색해보시고 32x32를 500x500으로 변경해주시면 될거 같습니다.
