반응형
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="file" id="fileInput">
</body>
<script>
fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', function() {
const file = fileInput.files[0];
console.log(URL.createObjectURL(file));
// blob:http://localhost:63342/8a91fb57-0311-4375-b2e4-84bb0c9fc3d6
});
</script>
</html>Blob(Binary Large Object)은 말 그대로 큰 객체를 저장하는 타입으로 큰 객체란 일반적으로 이미지, 비디오, 사운드 등과 같은 멀티미디어객체들을 주로 가리킵니다. createObjectURL는 메모리에 있는 객체(일반적으로 Blob이나 File 객체)에 대한 임시 URL을 생성가능합니다
반응형
'[JavaScript] > [JavaScript Code]' 카테고리의 다른 글
| [JavaScript Code] form 태그 리로딩 중지 시키기, a 태그 링크 이동 막기, 마우스 오른쪽 클릭 막기, 드래그 앤 드롭 막기, 특정 키 조합 막기, 터치 이벤트 막기 (막고서 임의의 로직 넣기) (1) | 2024.06.17 |
|---|---|
| [JavaScript Code] "문자 → 숫자", "숫자 → 문자" 간단하게 바꾸기 (0) | 2023.09.20 |
| [JavaScript Code] 자바스크립트로 핸드폰 패턴락 구현 Pattern Lock (0) | 2023.01.07 |
| [JavaScript Code] JSTL ajax로 다시 그려주기 (0) | 2022.12.18 |
| [JavaScript Code] 링크 눌러서 이동시 뒤로가기 막기 (0) | 2022.12.18 |