인프런 커뮤니티 질문&답변

Definition님의 프로필 이미지
Definition

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

이미지 드래그 업로드하기

이미지 업로드시 datatransfer의 item에 'file'이 존재하지 않아요

작성

·

478

0

이미지 드래그해서 드롭하면

Cannot read property 'kind' of undefined 라고

떠서 보니깐 이미지가 datatransfer에 들어가지 않는거 같습니다.  왜이렇까요..ㅜㅜ

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

브라우저 어떤 것 쓰시나요? files나 items의 length가 0인건 정상입니다.

Definition님의 프로필 이미지
Definition
질문자

크롬 89버젼으로 쓰고 있어요

이미지가 items에 정상적으로 올라갔는지 알 수가 없네요

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

if (e.dataTransfer.items[i].kind === 'file') { 바로 위에 console.log(e.dataTransfer.items[i]) 넣어보세요.

Definition님의 프로필 이미지
Definition
질문자

이렇게 나오네여

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

네 지금 파일이 들어있는 상황이 맞습니다. kind가 있으니까요.

Definition님의 프로필 이미지
Definition

작성한 질문수

질문하기