如何使用NODE js / html在網頁中顯示上傳的文本文件

Question

<!DOCTYPE html>
<html>
  <body>

      <form action    =  "/submit"
             method    =  "post">
        Select a file: <input type="file" name="file">
        <input type="submit">
      </form>

    </body>
</html>

真的很簡單，該網頁將要求提供csv文件，然后用戶按Submit。 關鍵是要在/ submit頁面中顯示該csv文件的內容。

節點js

var http = require('http');
var express= require('express')
var fs = require('fs');
var util = require('util');
var app= express();
var multer = require('multer');
//var bodyParser = require('body-parser');
//var dispatcher = require('httpdispatcher');

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.get('/', function(req, res){
    var html = fs.readFileSync('index2.html');
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.end(html);
});


app.post('/submit', upload.single('File'), function(req,res) {

});

//Listening to computer's IP address
app.listen(3000, "192.168.0.172");
console.log('Listening at 192.168.0.172:3000')

我創建一個附帶程序，將csv文件放入並進行解析。 我希望該程序在客戶端上載的文件上運行。

var columns = ["Parameter", "Address", "Data Size"];
require("csv-to-array")({
   file: "parse1.txt",
   columns: columns
}, function (err, array) {
  console.log(err || array);
});

我如何在node js程序的post函數中使用以上代碼？

Answer 1

該代碼應該可以完成工作

var upload = multer({ dest: 'uploads/' })

app.post('/submit', upload.single('file'), function(req,res,next) {
    fs.readFile(req.file.path, 'utf-8', function(err,data){
      if(err){
        res.end(err);
      }
      res.end(data);
    });
});

並將其添加到.html

<form action="/submit" method="post" enctype='multipart/form-data'>

如何使用NODE js / html在網頁中顯示上傳的文本文件

問題描述

1 個解決方案

解決方案1
1 2016-06-16 18:08:39

如何使用NODE js / html在網頁中顯示上傳的文本文件

問題描述

1 個解決方案

解決方案1 1 2016-06-16 18:08:39

解決方案1
1 2016-06-16 18:08:39