[javascript] <input type ="file">을 innerHTML로 하면 발생하는 문제점

문제점 : file을 선택시 새로운 file form을 추가하는상황에서 추가한 file의 값이 할당이 안되는경우 

 

해결법 : innerHTML을 사용하게 되면 기존의 요소들을 모두 삭제하고 다시 할당(재할당)을 하는것이기때문에 추가한 파일을 못가져오는 경우가 발생할 수 있다.

이러한 경우에 innerHTML 대신 appendChild를 사용하여 해결할 수 있다.