[JS] 파일 업로드 클릭시 반응이 없을 때.. feat.chrome

발단

  <input type="file"> 태그로 간단하게 이미지를 업로드하는 기능을 구현하고 있었는데, 버튼을 클릭했을 때 아무런 반응이 없었다. 인풋 타입 자체를 못읽는건지 아니면 그 이후에 뭔가 내가 모르는 작동하는 과정에서 이상이 있는건지 여러 가지를 다 살펴보았다. 

useRef 를 받아왔을 때 초기화된 상태에서 current.click() 도 확인해보고 엄한 부분을 다 건드려봤지만 의미가 없었다. 

 

해결과정

  문득 이 문제에 있어서 원점으로 돌아와서 중요한건 버튼을 클릭했을 때 이미지를 클릭해도 이미지 업로드하는 창이 뜨질 않는 부분을 먼저 고민하다가, 설마 하고 사파리에서 테스트했더니 정상적으로 잘 작동했다. 

 

  그렇다면 왜 크롬에서만 실패할까? 일단 정확한 진단은 아니지만, 검색했을 때 대부분 업데이트에 대한 내용이 있었다. 2주전쯤에 업데이트를 했기 때문에 크게 오래된 버전도 아니고.. 하지만 우측 상단에 새로운 크롬으로 업데이트하라는 식의 버튼이 있었다. (해결될 줄 모르고 스크린샷을 놓쳐버렸다...ㅠ) 

후... 정상적으로 잘 작동한다....

 

코멘트

  사실 어려운 기능도 아니고 가장 기본적인 태그의 기능이 안된다는 것에서 다른 삽질을 할게 아니라 여러 조건으로 테스트를 했어야 했는데 돌고 돌아서 한시간 넘게 삽질한 것 같다. 여러 조건에서 테스트하는 것 또한 아주 중요한 것을 절실히 깨닫는다...!