我的本地计算机上有一个JSON文件，我想读取其内容并使用纯JavaScript在网络浏览器上显示它。任何涉及服务器端的内容都不适合我。要求仅在客户端执行此操作。有什么可能的解决方案？注意：不应使用ajax和与此相关的任何东西。
如果您不想ajax加载文件，而是让用户选择要加载的文件，那么<input type='file' />这种方法可能对您有用。
document.getElementById('show').addEventListener('click', function() {
var file = document.getElementById('myfile').files[0];
var reader = new FileReader();
reader.readAsText(file, 'UTF-8');
reader.onload = function(evt) {
document.getElementById('content').innerHTML = evt.target.result;
}
})<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<input type="file" name="" id="myfile">
<div id="content"></div>
<button id="show">Show</button>
</body>
</html>| 归档时间： |
|
| 查看次数： |
6310 次 |
| 最近记录： |