Javascript Filereader 只允许 .log 文件？

Question

我有一个 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)

Answer 1

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

就您而言:

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