저장소

고정 헤더 영역

글 제목

메뉴 레이어

저장소

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (20)
    • lodash (1)
    • fabric.js (4)
    • Vue & Nuxt (7)
    • typescript (1)

검색 레이어

저장소

검색 영역

컨텐츠 검색

FileReader

  • Javascript FileReader, Image

    2023.03.19 by citykim

Javascript FileReader, Image

javascript에서 import 하여 이미지를 불러오거나 input file에서 이미지를 업로드 할 때 file이 아닌 이미지의 정보를 일부 활용하고 싶을때가 있다 그럴때 우선 readfile을 활용하여 파일을 읽은 뒤, new Image()로 이미지의 정보에 접근하여 활용하는 방법이다. 이때 각각 동작을 비동기로 처리하고 한번에 후처리 하도록 하였다 new FileReader() 우선 파일을 read 함수를 만들어준다 async function readFile (file: File) { return new Promise((resolve, reject) => { const reader = new FileReader() reader.onload = async (event) => resolve(event..

카테고리 없음 2023. 3. 19. 13:47

추가 정보

인기글

최신글

페이징

이전
1
다음
city kim
저장소
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바