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

试试这个代码。

//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)

Hop 为您节省一天时间。

Answer 2

这个问题与 html 的关系比与 javascript 的关系更大。您应该使用 accept 属性并列出接受的逗号分隔扩展名。

你的情况：

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

Javascript Filereader 只允许.log 文件？

Javascript Filereader only allow .log files?

javascript

asp.net

model-view-controller

filereader