Question

我有一个输入，当我加载它时会在console.log中显示该文件。

但是如何从文件中获取实际的json数据？

 $('#importFlow').change(function () {
    var files = event.target.files;
    var file = files[0];
    console.log(file);
    console.log(JSON.parse(file)); //doesn't work

});

Answer 1

您需要使用FileReader API。

$('#importFlow').change(function () {
    var files = event.target.files;
    var file = files[0];
    var reader = new FileReader();

    reader.onload = function(event) {
        var jsonObject = JSON.parse(event.target.result);
        console.log(jsonObject); // Logs the parsed JSON
    }

    reader.readAsText(file);
});

Answer 2

您可以阅读以下实际文件内容：

$('#importFlow').change(function () {
    var files = event.target.files;

    var reader, fileContent;
    if (this.files)
    {
        reader = new FileReader();
        reader.onload = function (e)
        {
            fileContent = e.target.result;                            
        }
        reader.readAsDataURL(this.files[0]);
    }
});

在上面的代码中，您可以在“fileContent”变量中获取实际的文件数据。

读取简单的JSON文件（差不多完成了）

2 个答案: