我正在尝试使用 multer 将文件从客户端的 html 表单上传到服务器端，multer 模块在服务器端处理该文件。
这里的事情是一切都好，因为我从服务器收到 200 ok 响应，但文件应该上传到我的文件系统，但我看不到它。
这是我的html表单
<template>
<div id="app">
<form action="http://localhost:3000/upload" method="post" enctype="multipart/form-data">
<h2>Select a file</h2>
<input name="curriculum" id="inputVal" type="file">
<button type="submit">Send</button>
</form>
</div>
</template>
我的服务器端代码
var express = require('express');
var router = express.Router();
var path = require('path');
var fs = require('fs');
var multer = require('multer')
var storage = multer.diskStorage({
destination: function(req,file,callback) {
callback(null, '../files');
},
filename: function(req,file,callback) {
callback(null,Date.now() + file,callback);
}
})
var upload = multer({ storage: storage }).single('curriculum');
router.post('/upload', function (req, res, next) {
upload(req,res, function(err){
if(err) {
return res.status(404).send("a error ocurred");
}
res.status(200).send("file uploaded");
});
});
module.exports = router;
更新
我根据 npm multer 网站（服务器端）更改了我的解决方案
var express = require('express');
var router = express.Router();
var path = require('path');
var fs = require('fs');
var multer = require('multer')
var upload = multer({ dest: 'uploads/' });
router.post('/upload',upload.single('curriculum') ,function (req, res, next) {
console.log(req.files);
});
module.exports = router;
感谢您的帮助！
对于那些遇到 multer 未将文件上传到目标文件夹问题的人，我发现使用绝对路径而不是相对路径很有用。
类似这样的东西（节点js根目录的绝对路径）
公共/图像/图片
优于（相对路径）
../公共/图像/图片
或（相对路径）
./公共/图片/图片
这对我有用
您没有指定要上传的文件。输入
inputrouter.post('/upload', upload.single('curriculum'), function (req, res, next) {
if(err) {
console.log(err);
return res.status(404).send("a error ocurred");
}
console.log(req.file);
res.status(200).send("file uploaded");
});
另外，在文件名中，请确保文件以
.png.jpeg您可以使用
file.originalnamecb(null, file.originalname)
或者您可以明确添加它。
callback(null, file.fieldname + '-' + Date.now() + '.png')
您可能需要删除
callback(null,Date.now() + file,callback)callback+ file+ file.originalnamefile更新
主要节点
var express = require('express')
var multer = require('multer')
var app = express()
var storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, __dirname + '/uploads') //you tell where to upload the files,
},
filename: function (req, file, cb) {
cb(null, file.fieldname + '-' + Date.now() + '.png')
}
})
var upload = multer({storage: storage,
onFileUploadStart: function (file) {
console.log(file.originalname + ' is starting ...')
},
});
app.set('view engine', 'ejs');
app.get('/', function(req, res, next){
res.render('mult'); //our html document
})
app.post('/profile', upload.single('avatar'), function (req, res, next) {
// req.file is the `avatar` file
console.log(req.file);
return false;
})
HTML 表格
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form accept="image/x-png,image/gif,image/jpeg" enctype="multipart/form-data" action="/profile" method="post">
<input type="file" name="avatar" value="">
<input type="submit" name="" value="ssss">
</form>
</body>
</html>
import multer from "multer";
const storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, "E:/webDevelopment/chai backend" + "/public/temp");
},
filename: function (req, file, cb) {
cb(null, file.originalname);
},
});
export const upload = multer({
storage,
});
如果您在中间件文件中使用所有这些代码，请记住始终按照我所写的那样将所有目录写入目标中。
如果您在另一个文件中使用 multer，那么这是一个问题，它无法识别公共/临时文件所在的位置。