Я создаю локальный сервер и читаю путь к файлу, а затем читаю файл json
Я передаю путь к файлу в URL.
Как то так: http://localhost:3000/C:/Users/Desktop/generated.json
серверный код
var createError = require("http-errors");
var express = require("express");
var path = require("path");
var PORT = 3000;
var fs = require("fs");
var app = express();
app.set("views", path.join(__dirname, "views"));
app.set("view engine", "ejs");
const url = require("url");
app.use(function(req, res) {
let k = req.originalUrl;
file = k.slice(1);
fs.exists(file, function(exists) {
fs.readFile(file, "utf-8", (error, data) => {
if (error) throw error;
let jsonData = [];
jsonData.push(data);
console.log(jsonData);//just displaying in console
console.log(data);
res.render("./main.ejs", { jsonData: jsonData });
});
});
});
app.use(function(req, res, next) {
next(createError(404));
});
app.listen(PORT, function() {
console.log(`app is listening at port ${PORT}`);
});
это код на стороне клиента с использованием ejs
<!DOCTYPE html>
<html>
<head contentType="application/JSON">
</head>
<body>
<form>
<h1>
<%=JSON.stringify(JSON.parse(jsonData)) %>
</h1>
<br />
<button name="Click to edit" type="submit" style="height:100px ;width:200px ;font-size:20px">
Click to edit
</button>
</form>
</body>
</body>
</html>
Выводится что-то вроде этого:
ссылка на вывод, как это показано
Так что я не могу отобразить его должным образом.
Любая идея, как я могу это сделать?
Даже если я хочу внести изменения в файл json и отразить изменения в месте назначения
Я еще не добавил никаких функций к кнопке редактирования.