[英]How to read content of JSON file uploaded to google cloud storage using node js
[英]How to read content of uploaded json file on react / next.js
您需要一个文件输入,以及输入的 onChange 事件处理程序,因此当用户上传文件时,使用新的 FileReader 来读取它。
import React, { useState } from "react";
export function Upload({ children }) {
const [fileContent, setFileContent] = useState("");
let fileRef = useRef();
const readFile = event => {
const fileReader = new FileReader();
const { files } = event.target;
fileReader.readAsText(files[0], "UTF-8");
fileReader.onload = e => {
const content = e.target.result;
console.log(content);
setFileContent(JSON.parse(content));
};
};
return (
<>
<input ref={fileRef} type="file" onChange={readFile} />
<button onClick={()=>fileRef.current.click()}>Upload<button/>
</>
);
}
通过使用灰质
import matter from "gray-matter";
// set directory
const directory = path.join(process.cwd(), "src", "data", "uploads");
export function getJsonData(fileName) {
// assuming that fileName has extension too
const filePath = path.join(directory, `${fileName}`);
const fileContent = fs.readFileSync(filePath, "utf-8");
// data is the metadata
const { data, content } = matter(fileContent);
console.log("data",data)
console.log("content",content)
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.