Загрузка текста с Multer - PullRequest
Новая
       28

Загрузка текста с Multer

0 голосов
/ 14 декабря 2018

Так что я довольно новичок в программировании, и я прошу прощения, если мой код грязный.То, что я пытаюсь сделать, - это создать веб-сайт, на который люди смогут загружать сообщения и фотографии / видео.Это будет использоваться для моей свадьбы, и я хочу иметь возможность раздавать 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 голосов
/ 16 декабря 2018
  • edit index.html это текстовая область с type = "text"

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

  • в App.js требуются fs и path

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'); }

0 голосов
/ 15 декабря 2018

first add value = "text" to textarea.и текст будет доступен на req.body.text, тогда я буду использовать модуль "fs" для создания текстового файла с тем, что вы получили.

...