-
input file 미리보기 이미지개발 2022. 1. 28. 14:35728x90
const inputImage = document.getElementById("category_image"); inputImage.addEventListener("change", e => { readImage(e.target); }); function readImage(i) { if(i.files && i.files[0]) { const reader = new FileReader(); reader.onload = e => { let previewImage = $('.img_box'); previewImage.attr("src", e.target.result); } reader.readAsDataURL(i.files[0]); } } <input type="file" id="category_image"> <img class="img_box" />
'개발' 카테고리의 다른 글
Flutter 환경설정 2 (0) 2022.03.13 Flutter 환경설정 1 (0) 2022.03.12 자바 문자열 (0) 2022.01.28 postman 팀원초대 (0) 2022.01.27 table ...말줄임 (0) 2022.01.26