브라우저에서 로컬에 저장된 .json 파일을 불러와 파싱하는 코드입니다.
load_local_file.html
0.00MB
test.json
0.00MB
load_local_file.html
<!DOCTYPE html>
<html>
<head>
<title>Load local .json file</title>
</head>
<body>
<button onclick="loadFile()">Load</button>
</body>
<script defer>
let data;
const loadFile = () => {
const input = document.createElement("input");
input.type = "file";
input.onchange = evt => {
const selectedFile = evt.target.files[0];
processJSON(selectedFile);
};
input.click();
}
const processJSON = file => {
const reader = new FileReader();
reader.onload = () => {
data = JSON.parse(reader.result);
console.log(data);
}
reader.readAsText(file);
}
</script>
</html>test.json
{
"author" : "Mandloh",
"blog" : "https://mandloh.tistory.com/",
"age" : 100
}[끝].
728x90
'소프트웨어 > 자바스크립트' 카테고리의 다른 글
| [자바스크립트] 윈도우 화면 캡처 (0) | 2022.02.17 |
|---|---|
| [자바스크립트] WebRTC 카메라 설정 변경하기 Ver.2 (tweakpane) (0) | 2021.06.25 |
| [자바스크립트] WebRTC 카메라 설정 변경하기 (tweakpane응용) (0) | 2021.04.14 |
| [자바스크립트] WebRTC 카메라 해상도 변경하기 (dat.gui 응용) (0) | 2021.04.13 |
| [자바스크립트] dat.GUI - GUI 응용 #1 (0) | 2021.03.30 |
댓글