(추가)PHP CVE-2026-115560 취약점 안내
이전 목록 다음

자바스크립트 이미지 소스 코드 질문합니다.

초초수
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-06-19 (금) 12:27:08 3,887
Copy 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>평가4</title>
</head>
<body>
    <img id="image" src="images/flower.jpg" height="50" width="50"/><br>
    <span id="mySpan">높이: 50픽셀 * 폭: 50픽셀</span><br><br>
    <input type="button" value="이미지 크기 X 2" 
        onClick="imageSizeX2()">
    <script>
       function imageSizeX2() {
        document.getElementById("image").width = imgFile * 2;
        document.getElementById("image").height = imgFile * 2;

        

밑에 이미지를 버튼을 클릭하면 두배로 늘어나게 해주는 코드를 짜는데 뭔가문제가 있는지 실행이 안되네요ㅠㅠ

제가 잘못 이해한거 같은데 알려주실 고수분 부탁드립니다.

자바스크립트 html5
|

답변 1개

탈탈퇴회원
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-06-19 (금) 12:44:58

imgFile 이 딴데 선언되어 있나요?

어디에 선언되어 있는지 모르지만 

imgFile 의 width, height 속성 구분이 필요할듯 싶은데요?

쉽게 하려면

Copy 
var imageObj = document.getElementById("image");

imageObj.width = imageObj.width * 2;

imageObj.height = imageObj.height * 2;

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