我在看bluuweb's node course,里面他们做了一个实际的练习。
这是第39分钟的代码:
const formidable = require("formidable");
const cambiarFotoPerfil = (req, res) => {
const form = new formidable.IncomingForm();
form.maxFileSize = 5 * 1024 * 1024;
form.parse(req, async (err, fields, files) => {
try {
if (err) {
throw new Error('Falló formidable')
}
console.log(fields);
console.log(files.myFile)
const file = files.myFile;
if(file.originalFilename === ""){
throw new Error('No se seleccionó ninguna imagen')
}
if(!['image/jpeg', 'image/png'].includes(file.mimetype)){
throw new Error('Por favor agrega una imagen con formato .jpg o png')
}
if(file.size > 5 * 1024 * 1024){
throw new Error('La imagen debe ser de máximo 5MB')
}
req.flash("mensajes", [{ msg: "Ya se subió la imagen" }]);
return res.redirect('/perfil');
} catch (error) {
console.log(error);
req.flash("mensajes", [{ msg: error.message }]);
return res.redirect("/perfil");
}
});
};
module.exports = {
formPerfil,
cambiarFotoPerfil
}
字符串
这就是HTML:
<form action="/perfil?_csrf={{csrfToken}}" method="post" enctype="multipart/form-data">
{{!-- <input type="hidden" name="_csrf" value="{{csrfToken}}" /> --}}
<input class="form-control form-control-sm mb-2" type="file" id="formFileSm" name="myFile" />
<button class="btn btn-dark">Cambiar foto</button>
</form>
型
问题是,如果我不发送任何文件,它会跳转到错误“失败”,并忽略其余部分。当我发送jpg
或png
文件时,我得到错误Please add an image in .jpg or png format
,尽管它应该符合格式。
我试图删除以下代码
if (err) {
throw new Error('Falló formidable')
}
型
但它跳到了一个错误
无法读取undefined的属性(阅读'originalFilename')
我也尝试卸载强大和重新安装它,但没有任何变化。我不知道这是一个语法问题还是一个可怕的错误。
1条答案
按热度按时间nr9pn0ug1#
问题解决方案
最后我找到了解决办法。在
const file = files.myFile[0];
中添加了[0]
。这是我的新脚本:
字符串