6

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

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

现在我希望所选文件仅为 .xls 文件 ..并读取该 xls 文件。如何使用 java 脚本来做到这一点......如果有人可以用 JavaScript 代码解释我，那将不胜感激。

4

3 回答 3

3

这将在选择文件后检查文件扩展名。如果不是.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/

于 2013-06-20T14:37:05.740 回答
1

尝试使用此代码

<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='';
        }
};

和演示

于 2013-06-20T14:39:59.957 回答
-1

使用标准 HTML 4 是不可能的

使用 <input type="file"> 时限制文件格式可能重复？

HTML 5 中有一个accept属性，但不能保证。更多信息可以在 HTML 5 规范http://www.w3.org/html/wg/drafts/html/master/forms.html#attr-input-accept中找到

于 2013-06-20T14:32:52.787 回答