프로젝트에서 일반적으로 사용되는 JS 메소드 구성_javascript 기술

이미지 형식인지 확인하세요

코드 복사 코드는 다음과 같습니다.

함수 IsImgType(src) {
var rFilter = /^(?:image/bmp|image/cis-cod|image/gif|image/ief|image/jpeg|image/jpeg|image/jpeg|image/pipeg|image/png|image/svg xml |image/tiff|이미지/x-cmu-raster|이미지/x-cmx|이미지/x-icon|이미지/x-portable-anymap|이미지/x-portable-bitmap|이미지/x-portable-graymap|이미지 /x-portable-pixmap|이미지/x-rgb|이미지/x-xbitmap|이미지/x-xpixmap|이미지/x-xwindowdump)$/i;
var 필터 = /(?:bmp|cis-cod|gif|ief|jpeg|jpeg|jpeg|pipeg|png|svg xml|tiff|x-cmu-raster|x-cmx|x-icon|x-portable- anymap|x-portable-bitmap|x-portable-graymap|x-portable-pixmap|x-rgb|x-xbitmap|x-xpixmap|x-xwindowdump)$/i;
rFilter.test(src) 반환 || ​​Filter.test(src);
}

컬러인지 확인

코드 복사 코드는 다음과 같습니다.

함수 detectorColor(값) {
var 패턴 = /^#[0-9a-fA-F]{6}$/ //#XXXXXX
var 결과;
var rgbRegex = /(^rgb((d ),s*(d ),s*(d ))$)|(^rgba((d ),s*(d ),s*(d )(,s* d .d )*)$)/;
If (패턴.테스트(값)) {
결과 = 값;
} else if (rgbRegex.test(값)) { //rgba(0, 0, 0, 0)
결과 = 값;
}
결과 반환;
}

RGB를 HEX로 변환:

코드 복사 코드는 다음과 같습니다.

함수 zero_fill_hex(숫자, 숫자) {
var s = num.toString(16);
while (s.length < 자릿수) {
        s = "0" s;
}
반품하세요;
}
함수 rgb2hex(rgb) {
If (rgb.charAt(0) == '#') {
          RGB ​​반환;
}
var ds = rgb.split(/D /);
var 십진수 = 숫자(ds[1]) * 65536 숫자(ds[2]) * 256 숫자(ds[3]);
"#"을 반환합니다. zero_fill_hex(십진수, 6);
}

이메일 주소인지 확인하세요.

코드 복사 코드는 다음과 같습니다.

함수 testEmail(값, 대상) {
값 = value.trim();
If (!/^w ([.-]?w )*@w ([.-]?w )*(.w{2,3}) $/.test(value)) {
          target.val("");
Alert("올바른 이메일 주소를 입력해주세요!");
}
}

이미지 src를 데이터 64로 변환:

코드 복사 코드는 다음과 같습니다.

함수 createImgData(img) {
var image = new Image();
Image.src = img.src || img;
var tmpCanvas = $("")[0];
var tmpCtx = tmpCanvas.getContext("2d");
If (tmpCanvas) {
        tmpCanvas.width = image.width;
        tmpCanvas.height = image.height;
         tmpCtx.drawImage(이미지, 0, 0);
          return tmpCanvas.toDataURL();
}
}

위는 제가 최근 프로젝트에서 자주 사용하는 js 메소드를 정리한 것입니다. 친구들이 좋아하길 바랍니다.