JS 탐지 업로드 그림 유형 및 너비 (축소)

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

JS 탐지 업로드 그림 유형 및 너비 (축소)

< 행동 양식 = "" 방법 "게시물" enctype = "Multipart/폼-데이터" 이름 = "Dform" = >
< = "IFile"에 대 한 레이블 >< / 라벨 >
< 입력 유형 = "파일명" "IFile" id = "IFile" = >
< 입력 유형 = "Submit" 이름 = "버튼" id = "버튼" 값 = "Submit" onclick = "웹 효과: toi_upimg ();" >
</양식 >
< 스크립트 >
함수 toi_upimg)
{
var 양식 = Document.dform;
var isrc = Form.ifile.value;
var pos = Isrc.lastindexof ('. ');
var img = 새로운 이미지 ();

//On 로드
img.onload 함수 () = {
var 폭 = img.width
& nbsp; var에 높이 = img.height;
img.onload = ';
경우 (폭 > | | 높이 >)

{ = > 480 * 360
var ratio1 = 320/너비.
var 비율 2 = 240/높이;
경우 (Ratio1 > Ratio2)

{ 폭 = parseint (Ratio2 * 폭);
높이 240; =
}
다른

{ 폭 = 320;
높이 = parseint (ratio1 * 높이);
}
경고 (' 참고: 그림은 너무 커서, 시스템이 자동으로 몇 가지 조정을 만들었습니다 ');
& nbsp

toi_img.src = img.src;
toi_img.width = 너비;
toi_img.height = 높이;
Form.picwidth.value = 너비;
Form.picheight.value = 높이;
Form.mserver.value = "no";
form.xpost.value = '0';
form.ypost.value = '0';
form.xposy.value = '0';
form.yposy.value = '0';
form.xposa.value = '0';
form.yposa.value = '0';
경우 (Form.title.value = = ")
{
var pos2 = Isrc.lastin Dexof (');
form.title.value = isrc.substring (Pos2 + 1, pos);
}
toi_update ();
img; 삭제
};

오류 발생
Img.onerror 기능 () 없음 =
Img.onerror = ';
경고 (' 참고: 업로드 하려는 파일 합법적인 사진 수 표시 되지 않습니다 ');
Img; 삭제
};

소스 주소를 저장
경우 (Navigator.appversion.indexof (이 하 ' Msie 7 ') > = 0)
{
document.getElementById ("Filterimage"). Filters.item ("Dximagetransform.microsoft.alphaimageloader"). src = isrc;
IMG.SRC = document.getElementById ("Filterimage"). Filters.item ("Dximagetransform.microsoft.alphaimageloader"). src ;
}
다른
{
IMG.SRC = ISRC;
}
}
</스크립트 >

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 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.