feat: 增加图片上传到服务器的功能

This commit is contained in:
lyz05
2023-02-16 23:49:35 +08:00
parent bda437b352
commit ba88d5466a
6 changed files with 65 additions and 1 deletions

3
.gitignore vendored
View File

@@ -273,4 +273,5 @@ fabric.properties
# https://plugins.jetbrains.com/plugin/8053-azure-toolkit-for-intellij # https://plugins.jetbrains.com/plugin/8053-azure-toolkit-for-intellij
.idea/**/azureSettings.xml .idea/**/azureSettings.xml
# End of https://www.toptal.com/developers/gitignore/api/node,webstorm,visualstudiocode # End of https://www.toptal.com/developers/gitignore/api/node,webstorm,visualstudiocode
upload

1
.idea/danmaku.iml generated
View File

@@ -5,6 +5,7 @@
<excludeFolder url="file://$MODULE_DIR$/temp" /> <excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/.tmp" /> <excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" /> <excludeFolder url="file://$MODULE_DIR$/tmp" />
<excludeFolder url="file://$MODULE_DIR$/upload" />
</content> </content>
<orderEntry type="inheritedJdk" /> <orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" /> <orderEntry type="sourceFolder" forTests="false" />

3
app.js
View File

@@ -12,6 +12,7 @@ require('dotenv')
const danmakuRouter = require('./routes/danmaku'); const danmakuRouter = require('./routes/danmaku');
const ipinfoRouter = require('./routes/ipinfo'); const ipinfoRouter = require('./routes/ipinfo');
const airportsubRouter = require('./routes/airportsub'); const airportsubRouter = require('./routes/airportsub');
const imgRouter = require('./routes/img');
const schedule = require('./schedule/schedule'); const schedule = require('./schedule/schedule');
const DEBUG = process.env.DEBUG === 'true' || false; const DEBUG = process.env.DEBUG === 'true' || false;
@@ -32,11 +33,13 @@ app.use('/assets', [
express.static(__dirname + '/node_modules/jquery/dist/'), express.static(__dirname + '/node_modules/jquery/dist/'),
express.static(__dirname + '/node_modules/bootstrap/dist/'), express.static(__dirname + '/node_modules/bootstrap/dist/'),
]); ]);
app.use('/upload', express.static(__dirname + '/upload'));
// 加载路由 // 加载路由
app.use('/', danmakuRouter); app.use('/', danmakuRouter);
app.use('/ipinfo', ipinfoRouter); app.use('/ipinfo', ipinfoRouter);
app.use('/sub', airportsubRouter); app.use('/sub', airportsubRouter);
app.use('/img', imgRouter);
// catch 404 and forward to error handler // catch 404 and forward to error handler
app.use(function (req, res, next) { app.use(function (req, res, next) {

View File

@@ -30,6 +30,7 @@
"lib-qqwry": "^1.2.0", "lib-qqwry": "^1.2.0",
"moment": "^2.29.4", "moment": "^2.29.4",
"morgan": "~1.9.1", "morgan": "~1.9.1",
"multer": "^1.4.5-lts.1",
"node-cron": "^3.0.2", "node-cron": "^3.0.2",
"node-telegram-bot-api": "^0.60.0", "node-telegram-bot-api": "^0.60.0",
"pako": "^1.0.11", "pako": "^1.0.11",

46
routes/img.js Normal file
View File

@@ -0,0 +1,46 @@
const express = require('express');
const router = express.Router();
const fs = require('fs');
router.get('/', function (req, res) {
res.render('imgupload');
});
//图片上传
var multer = require('multer');
var upload = multer({
dest: 'upload/',
fileFilter(req, file, callback) {
// 解决中文名乱码的问题
file.originalname = Buffer.from(file.originalname, 'latin1')
.toString(
'utf8'
);
callback(null, true);
}
});
router.post('/upload', upload.single('file'), function (req, res, next) {
// 完整URL路径
const path = req.protocol + '://' + req.headers.host;
// 文件路径
var fileName = req.file.filename;
// 构建图片名
var originalName = req.file.originalname;
// 图片重命名
fs.rename('upload/' + fileName, 'upload/' + originalName, (err) => {
if (err) {
res.json(JSON.stringify({
status: '102',
msg: '文件写入失败'
}));
} else {
var key = path + '/upload/' + originalName;
res.json({
status: '100',
msg: '上传成功',
key: key
});
}
});
});
module.exports = router;

12
views/imgupload.ejs Normal file
View File

@@ -0,0 +1,12 @@
<% var title="图片上传"%>
<%- include('utils/header', {title}); %>
<body>
<div class="container">
<form action="/img/upload" method="post" enctype="multipart/form-data">
<h2>单图上传</h2>
<input type="file" name="file" accept=".jpg, .jpeg, .png, .hdr">
<input type="submit" value="提交">
</form>
</div>
</body>
</html>