js 获取文件类型

作者：幸福的起点发布日期:2025-08-12 浏览:13

// 获取文件类型示例代码

// HTML部分
<input type="file" id="fileInput">

// JavaScript部分
document.getElementById('fileInput').addEventListener('change', function(event) {
    const file = event.target.files[0]; // 获取选中的文件
    if (file) {
        const fileType = file.type; // 获取文件类型，例如 "image/png"
        console.log('文件类型:', fileType);
    } else {
        console.log('未选择文件');
    }
});

// 解释说明：
// 1. 创建一个文件输入框，用户可以通过它选择文件。
// 2. 监听文件输入框的 change 事件，当用户选择文件时触发。
// 3. 使用 event.target.files[0] 获取用户选择的第一个文件。
// 4. 使用 file.type 获取文件的 MIME 类型，例如 "image/png" 或 "application/pdf"。
// 5. 如果没有选择文件，则输出提示信息。

上一篇：js string date

下一篇：js 计算字符串长度