Загрузите локальный текстовый файл в JavaScript

Question

Мне нужно прочитать файл локально, используя JavaScript.Я знаю, что по соображениям безопасности возможность сделать это напрямую запрещена.Есть ли способ обойти это?Кроме того, если я пытаюсь использовать функции спецификации File API, я не могу заставить работать кнопку «загрузить», если сама кнопка не прикреплена напрямую в document.body.Я хотел бы, чтобы эта кнопка работала, даже если она прикреплена к элементам дочернего типа.Есть ли решение для этого?

Большое спасибо

fileReader() {
    console.log("FileReader Called");

    var fileInput = document.getElementById('file');
    var fileDisplayArea = document.getElementById('source-container');

    fileInput.addEventListener('change', function(e) {
        var file = fileInput.files[0];
        var textType = /text.*/;

        if (file.type.match(textType)) {
            var reader = new FileReader();

            reader.onload = function(e) {
                fileDisplayArea.innerText = reader.result;
            }

            reader.readAsText(file);    
        } else {
            fileDisplayArea.innerText = "File not supported!";
        }
    });

}