如何按文件名过滤文件输入

时间:2018-07-16 08:53:37

标签: html file

我可以对带有文件名前缀/后缀的<input type="file" accept=""/>使用过滤器吗?例如,后缀'_32'将过滤图-A到图-B的文件。

图A enter image description here

图B enter image description here

1 个答案:

答案 0 :(得分:1)

否。

accept属性仅接受MIME类型和文件扩展名。

文件名的其他部分不能匹配。


如果选择的文件选择不正确,则可以使用JavaScript读取文件名并显示错误。

<item attribute = "val1">
document.querySelector('input').addEventListener("input", function () {
    if (this.files[0].name.match(/_32\..{3,4}$/)) {
        console.log("OK");
    } else {
        console.log("Not OK");
    }
});