보통 파일 첨부는 이렇게 적용한다.
하지만 일반적인 file input은 버튼 디자인 수정이 불가하고
심지어는 브라우저별로 형태와 디자인이 다르기 때문에
보통은 다른 label과 input으로 연결해서 표현하는 편이다.
그러다보면 파일 경로가 담긴 input에 fakepath라는 이상한 경로가 찍히는데,
이럴 땐 그냥 출력 value에 replace로 /c:\\fakepath\\/i .를 적어주면 된다.
나 역시 아래와 같이 작업했다.
replace를 사용하지 않는 새로운 방법은 아래와 같다.
+)
fakepath가 추가되는 이유는 악성 소프트웨어가 사용자의 파일 구조를 추측하는 것을 방지하기 위함이라고 한다.
출처 : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/file
MORE : https://html.spec.whatwg.org/multipage/input.html#fakepath-srsly
댓글