[jQuery]이미지 첨부 시 미리 보기
Javascript 2021. 12. 8. 16:25
728x90
$("#file").on("change", function(e) {
var tmp = e.target.files[0];
var img = URL.createObjectURL(tmp);
$("#image").attr("src", img);
});<input type="file" id="file">
<img src="" id="image">
대충 이런 식으로 하면 됩니다.
[sample]
반응형
'Javascript' 카테고리의 다른 글
| Uncaught SyntaxError: Cannot use import statement outside a module (0) | 2022.01.27 |
|---|---|
| [jQuery]이미지 첨부 시 미리 보기 (0) | 2021.12.08 |
| [jQuery]datepicker에서 여러 날짜 선택할 수 있게 (0) | 2021.12.02 |
| [jQuery]datepicker에서 date format을 두 가지 이상으로... (0) | 2021.08.19 |
| 반복문 내에서 탈출(?)하기 (0) | 2021.07.22 |
| 하이브리드 앱으로 접속을 했는지, 모바일 브라우저로 접속했는지... (0) | 2021.04.06 |