목록리액트 이미지 미리보기 (1)

sohyeon kim

[React/TS] 이미지 첨부 & 미리보기 : useRef, FileReader, createObjectURL

💡 리액트에서 파일 첨부하기 우선 미리보기를 위한 로직 🫠 const handleClickImg = (id: string | undefined) => { // img & input 을 감싸고 있는 div 클릭 시 const fileInput = document.getElementById(`fileInput${id}`); // fileInput${id} id를 가진 DOM 요소를 fileInput?.click(); // 클릭한다. }; const handleChangeImg = (id: string | undefined, files: FileList | null) => { const file = files?.[0]; if (file) { const imgUrl = URL.createObjectURL(fil..
React 2024. 4. 4. 02:36
이전 Prev 1 Next 다음