>웹 프론트엔드 >JS 튜토리얼 >이미지 업로드 판단 및 미리보기 스크립트 효과 예시_자바스크립트 능력

이미지 업로드 판단 및 미리보기 스크립트 효과 예시_자바스크립트 능력

WBOY
WBOY원래의
2016-05-16 17:26:35942검색
코드 복사 코드는 다음과 같습니다.



                                                                                           -130px;cursor:pointer;"/ >
var $$ = function(id) {
return "string" == typeof id ? document.getElementById(id) : id;
};
/*
이미지 확인
*/
//업로드된 이미지 형식 확인
function checkupload(ele) {
var obj = $$("FileUploadImg" );
var fileContentType = obj.value.match(/^(.*)(.)(.{1,8})$/)[3]; //이 파일 형식 정규 표현식은 매우 유용합니다.
 if (fileContentType == 'gif' || fileContentType == 'jpeg' || fileContentType == 'png' || fileContentType == 'jpg') {
                                                   > 업로드된 파일의 형식이 잘못되었습니다!'); function checkFileSize(ele) {
var maxSize = 100 * 1024;
//ie
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
var fso ;
try {
fso = new ActiveXObject('Scripting.FileSystemObject');
var file = fso.GetFile(ele.value);
//alert(file.Size);
                                                                                   }
//firefox
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
//경고 (ele.files[0].fileSize);
return ele.files[0].fileSize < maxSize;
}
return false;
}
//미리보기 이미지 로드
function PreviewImage(ele) {
if (ele && checkupload(ele)) {
var imgDiv = $$("imgbox");
imgDiv.innerHTML = "";
imgDiv. style.width = "100px";
imgDiv.style .height = “125px”; Microsoft.AlphaImageLoader(sizingMethod = scale)";
                                                  window.navigator.userAgent.indexOf("Firefox") >= 1 ) {
      imgDiv.innerHTML = "";
        } else {
                 imgDiv.innerHTML = "IE/Firefox 브라우저 이미지 미리보기만 지원합니다";
}
} else {
        $$("FileUploadImg").value = "" "";
                                  //alert('업로드 제어 재설정' );
}
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.