반응형
//이미지 미리보기
function imagePreview() {
var filedata = document.getElementById("license_org_file");
var file;
var formdata = new FormData();
file = filedata.files[0];
var img = URL.createObjectURL(file);
// blob:http://localhost:8080/b9a326dd-8438-4e17-a0de-99c7e0158bbd
/** 파일 정보를 읽어 사진이 로컬에 있는 것처럼 보이게 한다. **/
$("#imageView").attr("src", img);
return true;
}
<input style="display: inline-block; width:230px;" id=license_org_file class="form-control" type="file" placeholder="">
<img id=imageView style="max-width: 100%; height: 50%;">
반응형
'[JavaScript] > [JavaScript Code]' 카테고리의 다른 글
[JavaScript Code] 페이지 상단 이동 막기 href=# (javascript void(0), return false) (0) | 2022.09.23 |
---|---|
[JavaScript Code] UUID 만들기 (0) | 2022.09.13 |
[JavaScript Code] 로딩 스피너 구현하기 (overlay) (0) | 2022.09.04 |
[JavaScript Code] LocalStorage(cookie)로 최근검색어 구현 (0) | 2022.06.02 |
[JavaScript Code] Code Enter 이벤트 (0) | 2022.05.22 |