html - 使用 multer 上传文本
问题描述
所以我对编程很陌生,如果我的代码很乱,我很抱歉。我想做的是建立一个人们可以上传消息和一些照片/视频的网站。这将用于我的婚礼,我希望能够将 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}`);});
解决方案
首先将 value="text" 添加到 textarea。并且文本将在 req.body.text 上可用,然后我将使用“fs”模块创建一个包含您收到的文本文件。
推荐阅读
- swift - 使用未解析的标识符“timeR”-> 调用嵌套函数
- sql - SQL Server - 当 WHERE 原因是唯一 ID 时进行多次更新的最有效方法
- javascript - 为什么我的 updatedText 组件没有被渲染?
- shell - 将 XLSX 按 ubuntu 中的行数拆分为多个文件
- python - 从带有坐标的名片图像中提取徽标和文本
- php - 以json格式获取从行到列的记录 laravel
- java - 从 bat 文件或 Jupyter Notebook 运行 Java 实用程序
- azure - 能否在不同区域的 AKS Kubernetes 集群上挂载 NetApp 卷?
- rest - 在 RESTful API 的上下文中,您必须对其应用过滤器的更新/删除资源的正确方法是什么
- ibm-doors - DOORS DXL:如何创建文件夹