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

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

Хоп спасет вам день.