前提・実現したいこと
Node.jsのモジュールのmulterとExpress使用して画像をアップロードし、画像をuploadディレクトリに保存しようとしたのですが、以下のようなエラーが出ています。
発生している問題・エラーメッセージ
Unexpected field MulterError: Unexpected field at wrappedFileFilter (/home/vagrant/workspace/test/node_modules/multer/index.js:40:19) at Busboy.<anonymous> (/home/vagrant/workspace/test/node_modules/multer/lib/make-middleware.js:114:7) at Busboy.emit (events.js:182:13) at Busboy.emit (/home/vagrant/workspace/test/node_modules/busboy/lib/main.js:38:33) at PartStream.<anonymous> (/home/vagrant/workspace/test/node_modules/busboy/lib/types/multipart.js:213:13) at PartStream.emit (events.js:182:13) at HeaderParser.<anonymous> (/home/vagrant/workspace/test/node_modules/dicer/lib/Dicer.js:51:16) at HeaderParser.emit (events.js:182:13) at HeaderParser._finish (/home/vagrant/workspace/test/node_modules/dicer/lib/HeaderParser.js:68:8) at SBMH.<anonymous> (/home/vagrant/workspace/test/node_modules/dicer/lib/HeaderParser.js:40:12) at SBMH.emit (events.js:182:13) at SBMH._sbmh_feed (/home/vagrant/workspace/test/node_modules/streamsearch/lib/sbmh.js:159:14) at SBMH.push (/home/vagrant/workspace/test/node_modules/streamsearch/lib/sbmh.js:56:14) at HeaderParser.push (/home/vagrant/workspace/test/node_modules/dicer/lib/HeaderParser.js:46:19) at Dicer._oninfo (/home/vagrant/workspace/test/node_modules/dicer/lib/Dicer.js:197:25) at SBMH.<anonymous> (/home/vagrant/workspace/test/node_modules/dicer/lib/Dicer.js:127:10) at SBMH.emit (events.js:182:13) at SBMH._sbmh_feed (/home/vagrant/workspace/test/node_modules/streamsearch/lib/sbmh.js:188:10) at SBMH.push (/home/vagrant/workspace/test/node_modules/streamsearch/lib/sbmh.js:56:14) at Dicer._write (/home/vagrant/workspace/test/node_modules/dicer/lib/Dicer.js:109:17) at doWrite (_stream_writable.js:410:12) at writeOrBuffer (_stream_writable.js:394:5)
upload.js
var express = require('express'); var router = express.Router(); var multer = require('multer'); var storage = multer.diskStorage({ destination: function (req, file, cb) { cb(null, './upload') }, filename: function (req, file, cb) { cb(null, file.originalname) } }) var upload = multer({ storage: storage }); router.post('/', upload.single('fileimage'), function(req, res){ console.log(req.file); }); module.exports = router;
user.pug
extends layout block content form(method='POST', enctype='multipart/form-data', action='/upload') input(type='file', name='fileimage') input(type='submit')
user.js
var express = require('express'); var router = express.Router(); router.get('/', function(req, res, next) { res.render('user', { }); }); module.exports = router;
###app.js
var createError = require('http-errors'); var express = require('express'); var path = require('path'); var cookieParser = require('cookie-parser'); var logger = require('morgan'); var indexRouter = require('./routes/index'); var uploadRouter = require('./routes/upload'); var userRouter = require('./routes/user'); var app = express(); // view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'pug'); app.use(logger('dev')); app.use(express.json()); app.use(express.urlencoded({ extended: false })); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); app.use('/', indexRouter); app.use('/upload', uploadRouter); app.use('/user', userRouter) // catch 404 and forward to error handler app.use(function(req, res, next) { next(createError(404)); }); // error handler app.use(function(err, req, res, next) { // set locals, only providing error in development res.locals.message = err.message; res.locals.error = req.app.get('env') === 'development' ? err : {}; // render the error page res.status(err.status || 500); res.render('error'); }); module.exports = app;
試したこと
この方法では画像が保存できました。
しかし保存する時にファイル名を変えたいのでupload.jsの方法を使いたいです。
var express = require('express'); var router = express.Router(); var multer = require('multer'); var upload = multer({ dest: './upload/'}).single('fileimage'); router.post('/', function(req, res){ upload(req, res, function(err){ res.send("uploaded" + req.file.destination); }) }) module.exports = router;
補足情報(FW/ツールのバージョンなど)
Node.js(10.14.2)
Express(4.16.0)
multer(1.13.0)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。