Blob.type
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
값
파일의 MIME 유형을 나타내는 DOMString
. 유형을 알아낼 수 없는 경우 빈 문자열입니다.
예제
이 예제는 사용자가 선택한 모든 파일 각각에 대해, 허용된 이미지 파일 유형 중 하나인지 검사합니다.
HTML
html
<input type="file" id="input" multiple />
<output id="output">이미지 파일 선택...</output>
JavaScript
js
// 우리 애플리케이션에서는 GIF, PNG, JPEG 이미지만 허용
const allowedFileTypes = ["image/png", "image/jpeg", "image/gif"];
const input = document.getElementById("input");
const output = document.getElementById("output");
input.addEventListener("change", (event) => {
const files = event.target.files;
if (files.length === 0) {
output.innerText = "이미지 파일 선택...";
return;
}
if (Array.from(files).every((file) => allowedFileTypes.includes(file.type))) {
output.innerText = "모든 파일 사용 가능!";
} else {
output.innerText = "이미지 파일만 선택하세요.";
}
});
결과
명세
Specification |
---|
File API # dfn-type |
브라우저 호환성
Report problems with this compatibility data on GitHubdesktop | mobile | server | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
type |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Has more compatibility info.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.