单击单独的按钮时，请阅读输入字段文件

Question

在以下输入字段中，用户提交一个或多个HTML文件。

<input type="file" id="inputfield" accept="text/html" multiple/>
<div id="get-files">Get Files</div>

单击get-files时，如何在输入字段上获取每个文件的内容，并使用FileReader API与每个文件内容混乱？

我尝试了以下内容，但没有收到错误或内容。

$("#get-files").on("click", function() { getFilesContent(); });
function getFilesContent() {
    var pages = $("#inputfield")[0].files;
    // get files data
    for (var i = 0; i < pages.length; i++) {
        var reader = new FileReader();
        reader.onload = (function() {
            return function(e) {
                console.log($("#inputfield")[0].result);
            }
        });
        reader.readAsText(pages[i]);
    }
}

Answer 1

尝试一下

function getFilesContent() {
    var pages = $("#inputfield")[0].files;    
    for (let i = 0; i < pages.length; i++) {
        let reader = new FileReader();
        reader.onload = function() {
            console.log(reader.result);
        }
        reader.readAsText(pages[i]);
    }
}

reader.result包含您的HTML数据。