質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

Q&A

解決済

1回答

2614閲覧

Node.jsのmulterとExpressで画像をアップロードするとMulterError: Unexpected fieldとエラーがでる。

ishhhii

総合スコア6

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

0グッド

0クリップ

投稿2019/08/06 09:13

編集2019/08/06 09:24

前提・実現したいこと

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)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

ドキュメントを読んで自己解決しました。

投稿2019/08/07 14:44

ishhhii

総合スコア6

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問