생계유지형 개발자/HTML+CSS+JS 3

[Javascript] input=file 첨부한 이미지 섬네일 보기

옛날엔 뭐 톰캣 임시폴더 경로에서 파일 찾아서 가져오고 그랬던 것 같은데... FileReader 사용하니까 되게 간단하네. HTML Javascript document.getElementById("id_input_file").onchange = (inputEvent) => { let file = inputEvent.target.files[0] var reader = new FileReader() reader.onload = (readerEvent) => { doucment.getElementById("id_img").setAttribute("src", readerEvent.target.result) } reader.readAsDataURL(inputEvent.target.files[0]) } https..

[html/js] <input type=range> 를 div로 구현하기

div로 슬라이더 구현했다가 input type=range로 바꾸면서 안 쓰게 되됨 근데 이거 자바스크립트로 슬라이더 직접 구현하는거 너무 개고생해가지고 고생이 아까워서 남겨놓음 HTML {sliderValue} % CSS .control_light .light_line { position: relative; width: 100%; height: 2px; background-color: #e7eff0; } .control_light .line_indicator { position: absolute; top: 0; bottom: 0; left: 0; min-width: 24px; max-width: 100%; background-color: #177efb; } .control_light .line_indi..