[JS] input file로 가져온 파일이 이미지 인지 확인방법
2020. 2. 24. 11:35ㆍ자바스크립트
반응형
$("[type='file']").on("change",function(){
var img = new Image();
img.onload=function(){
//파일 존재 시 내용
console.log("이미지 존재");
}
img.onerror=function(){
//파일 없을 시 내용
console.log("이미지 미존재");
}
var reader = new FileReader();
reader.onload = function (e) {
img.src = e.target.result;
}
//Imagepath.files[0] is blob type
reader.readAsDataURL(this.files[0]);
});
반응형
'자바스크립트' 카테고리의 다른 글
[vue js] vue js 핵심 기술 몇가지 목록 (0) | 2023.04.28 |
---|---|
[JS] 영문 금액표시 (0) | 2021.01.23 |
[JS] 타이머 함수 구현 (0) | 2020.08.11 |
[JS] 자바스크립트로 서버 시간 가져오기 (0) | 2020.08.08 |
[JS] 레이어팝업시 스크롤 방지 (0) | 2019.10.24 |