목록DOM (1)
JOYLOG
[React] 다중 첨부 이미지 미리보기 및 제거 컴포넌트
이미지 첨부 기능을 개발하면서, input 태그에 파일이 첨부될 때(onChange)의 event 를 콘솔에 찍어보았는데요. 다중업로드? 처럼 multiple 속성값을 넣어주면, 다중 파일 업로드가 가능해진다고 해요! 콘솔을 찍어보면 Files 내부에 파일을 Object 형태로 받아오고 있다는 것을 확인할 수 있어요. 미리보기 기능을 구현하기 위해선 이미지 DOM이 필요한데, 이것은 URL.createObjectUrl() 메서드를 활용하여 반환받을 수 있어요. 위에서 받아온 파일 Object 각각을 URL.createObjectUrl() 의 매개변수로 넣어주면 주어진 객체를 가리키는 URL을 DOMString 으로 반환받을 수 있어요. 이 때 매개변수로 넣어주는 Object는 File, Blob, Med..
D E V E L O P E R 💻/Front-end
2022. 9. 24. 09:56