我正在尝试按照 Node Beginner Book 中的教程使用 formidable 上传文件。按照此代码,我有一个服务器模块,它将
request
对象传递给 requestHandler 模块。主页加载带有以下处理程序的表单:
function start(response) {
console.log("Request handler 'start' was called.");
var body = '<html>'+
'<head>'+
'<meta http-equiv="Content-Type" content="text/html"; '+
'charset=UTF-8" />'+
'</head>'+
'<body>'+
'<form action="/upload" enctype="multipart/form-data method="post">'+
'<input type="file" name="upload" multiple="multiple"'+
'<input type="submit" value="Upload file" />'+
'</form>'+
'</body>'+
'</html>';
response.writeHead(200, {"Content-Type": "text/html"});
response.write(body);
response.end();
}
当提交表单时,/upload 路径会触发以下上传处理函数:
function upload(response,request) {
console.log("Request handler 'upload' was called.");
var form = new formidable.IncomingForm();
console.log("about to parse");
form.parse(request, function(error, fields, files) {
console.log("parsing done");
console.log(util.inspect({error: error, fields: fields, files: files}));
fs.rename(files.upload.path, "/tmp/test.png", function(error) {
if (error) {
console.log(error);
fs.unlink("/tmp/test.png");
fs.rename(files.upload.path, "/tmp/test.png");
}
});
response.writeHead(200, {"Content-Type": "text/html"});
response.write("received image:<br/>");
response.write("<img src='/show' />");
reponse.end();
});
}
但是,当单击上传按钮时,服务器崩溃并出现以下错误:
/home/****/Coding/nodebeginner/requestHandlers.js:38
fs.rename(files.upload.path, "/tmp/test.png", function(erro
^
TypeError: Cannot read property 'path' of undefined
at /home/****/Coding/nodebeginner/requestHandlers.js:38:25
at IncomingForm.<anonymous> (/home/****/Coding/nodebeginner/node_modules/formidable/lib/incoming_form.js:104:9)
at IncomingForm.EventEmitter.emit (events.js:92:17)
at IncomingForm._maybeEnd (/home/****/Coding/nodebeginner/node_modules/formidable/lib/incoming_form.js:551:8)
at Object.end (/home/****/Coding/nodebeginner/node_modules/formidable/lib/incoming_form.js:238:12)
at IncomingMessage.<anonymous> (/home/****/Coding/nodebeginner/node_modules/formidable/lib/incoming_form.js:129:30)
at IncomingMessage.EventEmitter.emit (events.js:92:17)
at _stream_readable.js:920:16
at process._tickCallback (node.js:415:13)
很明显
files
变量是未定义的。我以为可能有错误,但没有将 error
变量设置为 null
。所以我在这里有点困惑。有想法吗?
我也有同样的问题。您的表单标记在 enctype 属性上缺少右双引号 (")。
我也有同样的问题。 我想您会在本书末尾的 Node Beginner Book 上看到这些行代码。 我通过删除 server.js 文件上的以下代码来修复它:
// req.setEncoding("utf8"); // req.addListener("data", function(postDataChunk) { // postData += postDataChunk; // }); // req.addListener("end", function() { // route(handle, pathname, res, req); // });
Just do:
路由(句柄,路径名,res,req);
And last, you must be careful at html form tags.
Sorry for my English and best wishes!
***VinRover Nguyen***
我也遇到了同样的问题。 听起来上传类已被替换或拼写错误。 尝试将引用从 files.upload.path 更改为 files.Upload.path 。 它在这里工作。 查看主分支以获取更多信息:Git
看起来你的“var body”中有一些错误。 尝试一下:
var body = '<html>' +
'<head>' +
'<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />' +
'</head>' +
'<body>' +
'<form action="/upload" enctype="multipart/form-data" method="post">' +
'<input type="file" name="upload" multiple="multiple">' +
'<input type="submit" value="Upload File">' +
'</form>' +
'</bidy>' +
'</html>';
form.parse中回调的参数名称有错误。
Node Beginner Book 显示的代码为:
form.parse(request, function(error, fields, files) {
//code
}
回调函数中参数不能为复数:
form.parse(request, function(error, field, file) {
//code
}
查看 /node_modlues/formidable/lib/incoming_form.js 中的 IncomingForm.prototype.parse。回调正在侦听单数“字段”和“文件”。
这是一个老问题,但如果有人在 2023 年仍然遇到这个问题,请尝试下面。
const form = new formidable.IncomingForm();
form.parse(req, async (error, fields, files) => {
if (error) {
console.error(`Error at form.parse: ${error}`);
return res.status(500).send(`Error handling upload request.`);
}
if (!files || !files.file) {
console.error(`No file received.`);
return res.status(400).send('No file received.');
}
//Your code
}
答案是 enctype,你有语法错误。在最初的问题中,enctype 属性没有关闭...我有一个未定义的文件参数,因为我忘记在我的 html 中包含 enctype...
<form action="run" method="post" enctype="multipart/form-data">
html 表单中正确的 enctype 属性就是解决方案。然后 files Param 将文件输入的 name 属性作为属性名称,并且变量本身是一个包含许多键的对象,例如... files["name-attribute"].filepath;
可能会产生错误,但不是在节点终端中,而是在客户端中浏览器控制台。像您的示例中那样缺少引号是 html 中的一个简单语法错误,在浏览器打开它之前不会运行。所以节点不会知道有错误。