Javascript Filereader 只允许 .log 文件？答案

【问题标题】：Javascript Filereader only allow .log files?Javascript Filereader 只允许 .log 文件？
【发布时间】：2020-03-09 07:48:57
【问题描述】：

我有一个 ASP.NET MVC 应用程序，我可以在其中选择一个 .log 文件。这发生在 FileReader 上。但是当资源管理器打开时，会显示所有类型的数据（.png、.jpg、.docx....）。所以我想要只显示 .log 文件。

这是我的代码：

// Input File (BUTTON)
const input = document.querySelector('input[type="file"]');

//Get data input from user
input.addEventListener('change', function (e) {

    $('#fileName').html(input.files[0].name);

    const reader = new FileReader()
    reader.onload = function () {
        const reslt = reader.result;
        readFile(reslt);
    }
    reader.readAsText(input.files[0])
    document.getElementById('rankings').style.display = 'none';
}, false)

【问题讨论】：

标签： javascript asp.net model-view-controller filereader

【解决方案1】：

这个问题更多地与 html 相关，而不是 javascript。您应该使用accept 属性并列出接受的逗号分隔扩展名。

在你的情况下：

<input type="file" accept=".log" />

【讨论】：

【解决方案2】：

试试这个代码。

//Get data input from user
input.addEventListener('change', function (e) {
 let kind = $('#fileName').html(input.files[0].name);
    if(kind != undefined && kind.indexOf('.log') > 0) {
    const reader = new FileReader()
        reader.onload = function () {
            const reslt = reader.result;
            readFile(reslt);
        }
        reader.readAsText(input.files[0])
        document.getElementById('rankings').style.display = 'none';
    }
}, false)

啤酒花可以拯救你的一天。

【讨论】：