JS 얻을 사진 크기와 사진 크기 너비

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 Ajax 자바 스크립트

JS 얻을 사진 크기와 사진 크기 너비
이것은 JS 얻 사진 크기와 사진 크기 폭 오의 사용, 첫 번째 예제에서는 사진 크기를 얻을 수 있습니다, 그리고 두 번째 그림의 크기에 따라 같은 크기의 미리 보기 창 팝업.
< 스크립트 언어 웹 페이지 특수 효과 = >

함수 Index_image_valid () {


Document.pho_up.indeximg.src=document.pho_up.pho_index.value;


Imagewidth=document.pho_up.indeximg.width;


Imageheigth=document.pho_up.indeximg.height;


경고 ("넓은:" + imagewidth + "N 높은:" + imageheigth);


  }  


&lt; / 스크립트 &gt;


&lt; / 헤드 &gt;


&lt; 양식 이름 "pho_up" 방법 = "게시" enctype = "Multipart/폼-데이터" = &gt;


&lt; 입력 유형 = "파일" 이름 = "Pho_index" 크기 = "클래스 입력된 onchange = =" Javascript:index_image_valid (); " &gt;


&lt; img 이름 indeximg = &gt;


&lt; / &gt;



방법 2

< HTML & GT
< 머리 & gt
< 제목 > 보기 사진 크기 < / 제목 & gt
< 스크립트 언어 = "자바 스크립트"
<!-
기능 미리 보기 (src)
{
NewWindow =window.open (',' newwindow ',' 메뉴바 = 0, 도구 모음 = 0, 위치 = 0, 디렉터리 = 0, 상태 = 0, scrollbars = 0, 크기를 조정할 수 = 1 ');
Newwindow.document.open ();
Newwindow.document.write (' < html >< 몸 bgcolor = '#cccccc' > ');
Newwindow.document.write (' < div 정렬 = "센터" >< img src = "'src + + '" 이름 = "img" >< / div >< br > ');
폭 = newwindow.document.images [' img '].width;
height = newwindow.document.images [' img '].height;
Newwindow.document.write ('파일 크기;' + 폭 + ' * ' + 높이);
경우 (폭 > 100 & & 높이 > 100)
Newwindow.resizeto (폭 + 100, 높이 + 100);

다른 Newwindow.resizeto (300,300);
}

//--> < / 스크립트 >
< / 헤드 >

< 몸 >
< p 정렬 = "센터" > 파일 위치
< 입력 유형 = "파일" 이름 "Newsimage" onchange = "Javascript:preview (this.value)" = >
</p >
</바디 >
< / html >

PHP는 자습서
?

$arr = getimagesize ("Images/album_01.gif");


에코 $arr [3];


$strarr = 폭발 ("" ", $arr [3]);


에코 $strarr [1];


? >

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.