Question

我有文件输入和提交按钮。将上载的文件包含需要在视图中加载的json（图形显示）。我不需要存储文件，只需将其可视化即可。

有没有办法只使用jquery，javascript或angular？此应用程序作为静态内容包含在Spring应用程序中，但也必须作为独立应用程序运行。

实际上我可以从服务器加载文件或向休息端点发出请求，但我需要添加选项以使用json数据加载本地文件。

提前致谢

Answer 1

这适用于IE＆gt; = 10.请注意，没有实现故障处理。我会把它留给你;）

HTML：

<input type="file" id="file" name="file">
<button type="submit" id="button">Click!</button>

JS（jQuery）：

$('#button').on('click', function() {
    var reader = new FileReader();
    var file = $('#file').get(0).files[0];
    reader.onload = function(e) {
        console.log(JSON.parse(e.target.result));
    };
    reader.readAsText(file);
});

从上传的文件加载json

1 个答案: