使用Javascript生成文件

时间:2016-07-03 12:51:36

标签: javascript html html5

使用Javascript在服务器上生成并保存文件

任何人都可以帮助我吗?我想创建一个 JavaScript函数。其中......

  • 当用户输入数据时(在多个字段中),数据将被存储。
  • 当用户点击提交按钮时,系统会创建新文件,或者如果文件已存在,则会编辑其内容[。 TXT和.html,.js文件)。
  • 并自动将其保存到服务器。

我没有受过良好训练。

这可能吗?如果是,那么请有人帮助我。

2 个答案:

答案 0 :(得分:0)

服务器上的文件写入将使用服务器脚本语言(如php或asp.net)完成。当然,如果你想在javascript中这样做,你可以在服务器脚本中编写它:Node.js

我的github页面上的一个简单示例:https://github.com/alokrajiv/nodejs_save_kickstarter

简介:

HTML (另存为<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>SAVER</title> </head> <body> LAST SAVE: <span id="res">NOT KNOWN</span> <form id="myform"> Data:<input name="data"> <button type="submit">SAVE</button> </form> </body> <script src="https://code.jquery.com/jquery-2.2.4.js"></script> <script> $("#myform").submit(function(e) { e.preventDefault(); var data = $(this).serialize(); var url = "/data"; $.post(url, data, function(resp) { $("#res").html("SAVED at " + (new Date())); console.log(resp); }); }); </script> </html>

app.js

Node.js服务器(另存为var express = require('express'), bodyParser = require('body-parser'), logger = require('morgan'), fs = require('fs'); var app = express(); app.use(logger('dev')); app.use(bodyParser.urlencoded({ extended: true })); app.get('/', function (req, res) { res.sendFile(__dirname + '/index.html'); }); app.post('/data/', function (req, res) { var filename = "test.txt"; var dataToSave = JSON.stringify(req.body); console.log(dataToSave); fs.unlink(filename, function (err) { if (err && err.code !== 'ENOENT') throw err; fs.writeFile(filename, dataToSave, { flag: 'w' }, function (err) { if (err) throw err; res.json({ data: "saved" }); }); }); }); app.listen(process.env.PORT || 9001);

npm i express body-parser morgan
node app.js

立即投放: 在控制台类型:

http://localhost:9001

转到浏览器转到Routing

答案 1 :(得分:-1)

操作数据由服务器完成,您需要在计算机中安装npm。