- used to parse, construct, normalize, and encode URLs
- Blob, File, MediaSource를 입력받아 해당 object를 나타내는 주소(=DOMString)를 반환하는 createObjectURL()함수 제공
- DOMString은 생성된 브라우저에서만 일시적으로 유효한 주소
properties & methods
const url = new URL(location.href)
url.host
url.hostname
url.href
url.origin
url.pathname
url.protocol
url.search
url.searchParams
url.toString()
url.toJSON()
URL.createObjectURL(File)
URL.createObjectURL(Blob)
URL.createObjectURL(MediaSource)
URL.revokeObjectURL(domString)
URLSearchParams
- url.searchParams : URLSearchParams
- URL 인스턴스의 searchParams 프로퍼티
properties & methods
let obj = { search : 'weather'}
let params = new URLSearchParams(obj)
params.has('search')
let search = params.get('search')
params.append('cities','new york')
params.append('cities','london')
params.append('cities','toronto')
params.get('cities')
params.getAll('cities')
params.keys()
params.values()
params.toString()
params.set('cities','boston')
params.delete('cities')
DOMString
- a sequence of 16-bit unsigned integers
- represent a object URL
<script defer src="./main.js"></script>
<form action="">
<input type="file" accept="image/*">
</form>
<div class="img"></div>
2. 이미지가 업로드 되면 업로드된 파일에 대해 주소 생성
let input = document.querySelector('input');
input.addEventListener('change',(e)=>{
console.log(e.target.files[0])
const src = URL.createObjectURL(e.target.files[0])
console.log(src)
const img = document.createElement('img');
img.src = src;
document.querySelector('.img').appendChild(img);
})