네이처리 노트
[jQuery] input file 이미지 미리보기 | 파일지우기 초기화하기 본문
728x90
반응형
공부하면서 정리한 내용입니다
참고한 내용은 링크를 확인해주세요
let file= $("input[type=file]");
let img = $("img");
file.off("change").on("change", function()
{
if(file.get(0).files && file.get(0).files[0])
{
let fReader = new FileReader();
fReader.readAsDataURL(file.get(0).files[0]);
fReader.onload = function(event){
img.attr("src", event.target.result);
file.val(""); // 파일 초기화
};
}
});
// 파일정보확인
file[0].files[0]
file.get(0).files[0]
file.get(0).files //파일 전체정보
file.get(0).files.length //파일 개수
728x90
반응형
'개발기록 > Javascript' 카테고리의 다른 글
[jQuery] select option 추가 제거 | append prepend children remove (0) | 2022.09.13 |
---|---|
[jQuery] 스타일 변경하기 | css show hide toggle addClass toggleClass (0) | 2022.09.13 |
[jQuery] 부모형제요소 찾기 | parent closest children find prev next filter (0) | 2022.09.13 |
[jQuery] 추가 및 삭제 | append remove before after text html (0) | 2022.09.13 |
[jQuery] 속성보기 | attr val checked disabled (0) | 2022.09.13 |
Comments