Question

我正在研究html和java脚本。我有文件类型输入，我希望输入文件只应该是.xls文件

 <input type='file' id ="browse" name ="browse"/>

现在我希望所选文件只是.xls文件..并读取该xls文件。如何使用java脚本...如果有人能用JavaScript代码解释我将更加赞赏。

Answer 1

这将在选择文件后检查文件扩展名。如果它不是.xls，则会抛出警告错误：

document.getElementById("browse").onchange = function() {
    var fileName = this.value;
    var fileExtension = fileName.substr(fileName.length - 4);

    console.log(fileExtension);
    if (fileExtension != ".xls") {
        alert("That ain't no .xls file!");
    }
}

演示：http://jsfiddle.net/sn5sY/

Answer 2

尝试使用此代码

<input type='file' id ="browse" name ="browse"/>

    var file = document.getElementById('browse');

    file.onchange = function(e){
        var ext = this.value.match(/\.([^\.]+)$/)[1];
        switch(ext)
        {
            case 'xls':
                alert('allowed');
                break;
            default:
                alert('not allowed');
                this.value='';
        }
};

DEMO

Answer 3

使用标准HTML 4

是不可能的

Limit file format when using <input type="file">?

可能重复

HTML 5中有accept属性，但不保证。可以在HTML 5规范http://www.w3.org/html/wg/drafts/html/master/forms.html#attr-input-accept

中找到更多信息

输入文件只有.xls文件

3 个答案: