使用multer上载文字

时间:2018-12-14 20:32:54

标签: html node.js express multer body-parser

所以我对编程还很陌生,如果我的代码混乱,我深表歉意。我要做的是建立一个人们可以向其上传消息和一些照片/视频的网站。这将用于我的婚礼,我希望能够将URL分发给其他人,以便他们可以上传他们拍摄的所有照片和视频,并添加一条好消息。到目前为止,我有一台正在运行的服务器,该服务器使用multer,express和bodyParaser,并且能够上传照片和视频,但不能上传在“ textarea”中键入的文本。我想念的是什么让某人在文本区域中写的内容以.txt文件的形式上传到我的照片和视频所在的文件夹中?

我的文件树设置如下: Weddingupload_test

前端HTML

            <form style="text-align: center;" action="/upload" enctype="multipart/form-data" method="POST">

                <textarea class="textBox" name="message" rows="10" cols="50" placeholder="Share your favorite moment..."></textarea>

                <div id=uploadBtn>
                    <label class="uploadBtn">
                        <input type="file" id="photo" name="photo" multiple accept="image/*,video/*,audio/*" />
                        Attach Images
                    </label>
                </div>

                <div id="submitBtn">
                    <input class="submitBtn" type="submit" name="Upload" value="Upload Photo" />
                </div>
            </form>

服务器端代码:

const express = require('express');
const multer = require('multer');
const bodyParser = require('body-parser');

const app = express();
const port = process.env.PORT || 3000;
app.use(bodyParser.urlencoded({extended:false}));
app.use(bodyParser.json());
app.use('/', express.static(__dirname + '/public'));

const multerConfig = {
  storage: multer.diskStorage({
   destination: function(req, file, next){
      next(null, './uploads/photos');
    },
     filename: function(req, file, next){
     console.log(file);
     const ext = file.mimetype.split('/')[1];
     next(null, file.fieldname + '-' + Date.now() + '.'+ext);
   }
 })
};

app.get('/', function(req, res){
res.render('index.html');
   });

app.post('/upload', multer(multerConfig).array('photo'),function(req, res){
res.sendFile('public/second.html', {root: __dirname })
});

app.listen(port,function(){
console.log(`Server listening on port ${port}`);});

2 个答案:

答案 0 :(得分:1)

首先将value =“ text”添加到textarea。文本将在req.body.text上可用 然后我将使用“ fs”模块创建一个包含您所收到内容的文本文件。

答案 1 :(得分:1)

  • edit index.html,这是类型为“文本”的文本区域

<textarea type="text" class="textBox" name="message" rows="10" cols="50" placeholder="Share your favorite moment..."></textarea>

  • 在App.js中需要fs和路径

const fs = require('fs'); const path = require('path');

  • 更新multer配置的目标功能以捕获文本并创建文本文件。

destination: function (req, file, next) { let text = req.body.message; let now = Date.now(); fs.writeFile(path.join(__dirname, './uploads/' + file.originalname + '-' + now + '.txt'), text, console.log); next(null, './uploads'); }