지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

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

WBOY
풀어 주다： 2016-05-16 17:26:35
원래의
931명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.


 
                                                                                           -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('업로드 제어 재설정' );
}
}

관련 라벨：
上传 图片 预览
원천：php.cn
이전 기사：Flash는 js의 메소드를 호출하고 js가 변수를 flash에 전달할 수 있도록 합니다. 다음 기사：js 구현 입력 유형="파일" 파일 업로드 샘플 code_javascript 기술
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1335
단어와 일치하는 정규식 새 작업 이름을 데이터베이스의 기존 작업 이름과 일치시키려는 스크립트가 있습니다. SELECTa.titleASJobTitle,j.DescriptionASMatch...
에서 2024-04-06 21:24:04
0
1
606
Javafx에서 인라인 CSS 스타일을 동적으로 수정합니다. 응용프로그램이 최대화되었을 때 창의 배경 이미지를 변경하려고 합니다. 내 배경은 인라인 CSS를 사용하여 설정됩니다. 스타일에 대해 두 개의 다른 변수와 if 문...
에서 2024-04-06 20:57:16
0
1
487
그리드를 사용하여 특정 디자인 만들기: 단계별 가이드 이 이미지와 유사한 레이아웃을 만들려고 합니다. 이 그리드를 사용해 보았지만 그렇게 할 수 없습니다. <ulclass="container"...
에서 2024-04-06 20:29:08
0
2
492
모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
에서 2024-04-06 19:23:03
0
1
411
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿