小菜鸟变大笨鸟-体验使用node的文件系统1

体验使用node的文件系统来完成增长一个文件,并在文件中写入本身想要的内容

HTML结构:

<input type="text" placeholder="文件名" id="filesName"><br>
    <textarea name="contain" cols="30" rows="10" id="filesContain"></textarea><br>
    <button onclick="createFile()">生成</button>

js部分(这里有使用前面封装好的ajax的方法)

function createFile() {
      ajax({
        url: 'http://localhost:9213',
        type: "get",
        data: {
          filesName: filesName.value,
          filesContain: filesContain.value
        },
        success: function (res) {
          res
        },
        error: function () {
          alert("生成出错");
        }
      })
    }

node部分

var http = require("http");
var urlLid = require("url"); //处理get请求参数
var fs = require("fs"); //引入文件系统

// 使用到了fs的writeFile方法,将内容写入指定的文件
// writeFile(文件名,内容,callback)

http
  .createServer(function (req, res) {
    res.setHeader("Access-Control-Allow-Origin", "*"); //容许跨域
    let paramsObj = urlLid.parse(req.url, true).query;
    fs.writeFile(paramsObj.filesName, paramsObj.filesContain, function (error) {
      if (error) {
        console.log(error);
      }
      console.log("生成完毕");
    });
  })
  .listen(9213);

页面呈现:

image.png

效果呈现

image.png

相关文章
相关标签/搜索