Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Thuộc tính File.type trong JavaScript WebAPI File


Thuộc tính file.type trong JavaScript File WebAPI cho biết loại media (MIME type) của tệp tin.

Dưới đây là mã ví dụ cho thuộc tính File WebAPI File.type:

Ví dụ

<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: red; } </style> </head> <body> <h1>Thuộc tính JavaScript file.type</h1> <div class="result"></div> <input type="file" class="fileInput" /> <h3>Tải lên một tệp bằng ô input trên để lấy loại tệp</h3> <script> let resultEle = document.querySelector(".result"); document .querySelector(".fileInput") .addEventListener("change", (event) => { resultEle.innerHTML += "Tên tệp = " + event.target.files[0].name + "<br>"; resultEle.innerHTML += "Loại tệp = " + event.target.files[0].type; }); </script> </body> </html>

Kết quả

Thuộc tính File.type trong JavaScript WebAPI File

Khi nhấn nút "Chọn tệp":

Thuộc tính File.type trong JavaScript WebAPI File