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 2015ë 7ì.
Blob ê°ì²´ì type ìì±ì ë°ì´í°ì MIME ì íì ë°íí©ëë¤.
ê°
íì¼ì 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 |