JavaScript文件输入处理与扩展名验证教程

<label for="fileInput">选择文件:</label>
<input type="file" id="fileInput" name="myfile"><br><br>

// 获取文件输入元素
const fileInput = document.getElementById("fileInput");

// 为文件输入元素添加 'change' 事件监听器
fileInput.addEventListener("change", (event) => {
    // event.target.value 包含了文件在客户端的伪路径（如 "C:\fakepath\example.atpk"）
    const filePath = event.target.value;
    console.log("用户选择的文件路径:", filePath);

    // 在这里进行文件扩展名验证或其他处理
    // ...
});

fileInput.addEventListener("change", (event) => {
    const filePath = event.target.value;

    if (filePath.includes(".atpk")) {
        console.log("这是一个 .atpk 文件，验证通过。");
        // 可以执行上传或其他操作
    } else {
        console.log("这不是一个 .atpk 文件，验证失败。");
        alert("此文件无法访问，因为它没有 '.atpk' 扩展名。");
    }
});

fileInput.addEventListener("change", (event) => {
    const filePath = event.target.value; // 例如: "C:\fakepath\document.atpk"
    const lastDotIndex = filePath.lastIndexOf('.'); // 找到最后一个点号的索引

    if (lastDotIndex !== -1) { // 确保文件名中包含点号
        // 提取扩展名（包括点号），并转换为小写进行不区分大小写的比较
        const fileExtension = filePath.substring(lastDotIndex).toLowerCase();

        if (fileExtension === ".atpk") {
            console.log("这是一个 .atpk 文件，验证通过。");
        } else {
            console.log(`这不是一个 .atpk 文件，而是 ${fileExtension}。`);
            alert(`此文件无法访问，因为它不是 '.atpk' 扩展名。`);
        }
    } else {
        console.log("文件没有扩展名。");
        alert("此文件没有扩展名，无法访问。");
    }
});

let sentence = "hello,world,this,is,a,test";

// 移除第一个逗号和 "world"
let removedFirst = sentence.replace(",world", "");
console.log("移除第一个 ',world' 后:", removedFirst); // 输出: "hello,this,is,a,test"

// 移除所有逗号
let removedAllCommas = sentence.replace(/,/g, "");
console.log("移除所有逗号后:", removedAllCommas); // 输出: "helloworldthisisatest"

// 替换 "world" 为 "there"
let replacedWord = sentence.replace("world", "there");
console.log("替换 'world' 为 'there' 后:", replacedWord); // 输出: "hello,there,this,is,a,test"

let myString = "example.atpk";

// 提取从索引1到索引3的字符 (不包含索引3)
let sub1 = myString.substring(1, 3); // "xa"
console.log("substring(1, 3):", sub1);

// 提取从索引7到末尾的字符
let sub2 = myString.substring(7); // ".atpk"
console.log("substring(7):", sub2);

// 使用 slice 提取从倒数第5个字符到倒数第2个字符
let slice1 = myString.slice(-5, -2); // "atp"
console.log("slice(-5, -2):", slice1);

// 用户期望的 `e.substr(".atkr")` 是错误的用法
// 正确的基于内容查找并提取，需要结合 indexOf 或 lastIndexOf
let fileName = "gghh.atkp";
let extensionIndex = fileName.indexOf(".atkp");
if (extensionIndex !== -1) {
    let extractedExtension = fileName.substring(extensionIndex); // ".atkp"
    console.log("通过内容查找并提取扩展名:", extractedExtension);
}