问题描述
我正在使用 (点击指向请参见 GitHub 回购)和,和MongoDB。
I am working on a blogging application (click the link to see the GitHub repo) with Express, EJS and MongoDB.
我正在尝试引入添加帖子图片特征。作为Express的新手,我对遇到的问题感到困惑。
I am trying to introduce an add post image feature. Being quite new to Express, I am puzzled about the problem I have ran into.
添加帖子的形式:
<form action="/dashboard/post/add" method="POST" enctype="multipart/form-data" class="mb-0">
<div class="form-group">
<input type="text" class="form-control" name="title" value="<%= typeof form!='undefined' ? form.titleholder : '' %>" placeholder="Title" />
</div>
<div class="form-group">
<input type="text" class="form-control" name="excerpt" value="<%= typeof form!='undefined' ? form.excerptholder : '' %>" placeholder="Excerpt" />
</div>
<div class="form-group">
<textarea rows="5" class="form-control" name="body" placeholder="Full text"><%= typeof form!='undefined' ? form.bodyholder : '' %></textarea>
</div>
<label for="postimage">Upload an image</label>
<div class="form-group">
<input type="file" name="postimage" id="postimage" size="20">
</div>
<div class="form-group d-flex mb-0">
<div class="w-50 pr-1">
<input type="submit" value="Add Post" class="btn btn-block btn-md btn-success">
</div>
<div class="w-50 pl-1">
<a href="/dashboard" class="btn btn-block btn-md btn-success">Cancel</a>
</div>
</div>
</form>
在控制器中,我的 addPost()
方法看起来像这样:
In the controller my addPost()
methos looks like this:
const Post = require('../../models/post');
const { validationResult } = require('express-validator');
const storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, './uploads/images')
},
filename: function (req, file, cb) {
cb(null, file.fieldname + '-' + Date.now() + '.png')
}
});
const upload = multer({ storage: storage }).single('postimage');
exports.addPost = (req, res, next) => {
upload(function(err) {
if (err) {
console.log("There was an error uploading the image.");
}
res.json({
success: true,
message: 'Image uploaded!'
});
})
var form = {
titleholder: req.body.title,
excerptholder: req.body.excerpt,
bodyholder: req.body.body
};
const errors = validationResult(req);
const post = new Post();
post.title = req.body.title;
post.short_description = req.body.excerpt;
post.full_text = req.body.body;
if (!errors.isEmpty()) {
req.flash('danger', errors.array())
res.render('admin/addpost', {
layout: 'admin/layout',
website_name: 'MEAN Blog',
page_heading: 'Dashboard',
page_subheading: 'Add New Post',
form: form
});
} else {
post.save(function(err) {
if (err) {
console.log(err);
return;
} else {
req.flash('success', "The post was successfully added");
req.session.save(() => res.redirect('/dashboard'));
}
});
}
}
我也有 const multer = require( multer);
位于顶部(控制器的顶部)。
I alse have const multer = require("multer");
at the top (of the controller).
添加新帖子表单可以正常工作,直到我尝试添加此上传功能。我目前拥有的代码抛出此错误:
The "Add New Post" form worked fine until I tried to add this upload feature. The code I currently have throws this error:
Cannot read property 'transfer-encoding' of undefined
at hasbody (C:\Path\To\Application\node_modules\type-is\index.js:93:21)
我在做什么错了?
推荐答案
您缺少 req
和 res
放在您的 upload()
中,请尝试添加这两个像 upload(
req,res ,函数(err){
You are missing req
and res
inside your upload()
, try adding those two like upload(
req,res, function (err){
upload(req, res, function (err) {
if (err) {
console.log("There was an error uploading the image.");
}
res.json({
success: true,
message: 'Image uploaded!'
});
})
这篇关于Express.js应用程序错误:无法读取未定义的属性“传输编码”的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!