opp1350 / vt-morgon-blog-comments

0 stars 0 forks source link

%EA%B7%B8%EB%A6%BC%ED%8C%90-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EB%B6%80%EC%A0%9C%EB%8A%94-%EB%91%90%EB%8D%94%EC%A7%80-%EC%9E%A1%EA%B8%B0/ #9

Open utterances-bot opened 2 years ago

utterances-bot commented 2 years ago

그림판 만들기 (부제는 두더지 잡기) | Small Log

그림판 만들기를 하여 경험한 재미(?)있는 일들을 기록함.

https://vt-morgon-blog.netlify.app/%EA%B7%B8%EB%A6%BC%ED%8C%90-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EB%B6%80%EC%A0%9C%EB%8A%94-%EB%91%90%EB%8D%94%EC%A7%80-%EC%9E%A1%EA%B8%B0/

opp1350 commented 2 years ago

해결할 것 1) 간간히 이런 에러가 뜬다. 어쩔 때 뜨는지 아직 모르겠음.

Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.

=> 이유를 찾았다. 파일 업로드 이후, input[type="file"]을 클릭 => 아무것도 올리지 않고 파일 선택창을 취소할 경우에 에러가 난다. e.target.files[0]의 값이 undefined 임. if문으로 e.target.files[0]의 값이 있을 때만 실행되도록 변경하니 에러가 뜨지 않는다.

2) 약간 1번과 연관이 있는 문제인데, 똑같은 파일을 로드 후, 연속으로 같은 파일을 올리면 파일이 올라가지 않았다.

=> 같은 파일을 업로드하면 e.target.value가 변경되지 않기 때문에 "change" 이벤트가 실행되지 않는다. input[type="file"]를 "click"할 때마다 초기화하는 이벤트를 추가하여 해결했다.

3) 몇 사람에게 파일이 jfif(jpg친구)로 저장된다는 이야기를 들었다. 찾아보니 그냥 개인 PC설정에서 고칠 수 있는 모양인데, 혹시 모르니 내 코드의 문제인지 좀 찾아봐야 할 것 같음.