formidable.parse 方法未执行,nodejs 和强大的包
formidable.parse method not executing, nodejs and formidable package
问题:节点包'formidable'中的.parse()方法不想执行。
资源: 这个网站上的代码片段是我用来参考的,如果有帮助的话:https://github.com/felixge/node-formidable
描述: 我正在尝试创建一个网站,该网站可以使用 nodejs 为服务器端代码上传和存储文件。我正在使用 httpdispatcher 包来指导用户,并使用强大的包来处理上传表单。
我遇到了一个问题,每次我的程序都按预期执行,直到强大的包方法 parse() 然后停止做任何事情。浏览器选项卡尝试重新加载,将近 5 分钟后显示“服务器未返回任何内容”的错误。我没有收到来自节点的错误。
很明显,这段代码只是将处理后的表单数据返回给用户。我只是在我认为合理的范围内进行了简化。
代码:nodejs,(server.js文件):
var http = require('http');
console.log('http loaded');
var fs = require('fs');
console.log('fs loaded');
var dispatcher = require('httpdispatcher');
console.log('dispatcher loaded');
var formidable = require('formidable');
console.log('formidable loaded');
var util = require('util');
console.log('util loaded');
dispatcher.setStaticDirname('.');
dispatcher.setStatic('resources');
dispatcher.onGet('/main', function(request, response){
response.writeHead(200, {'Content-Type': 'text/html'});
fs.readFile('index.html', function(error, html){
response.end(html); //Callbacked to prevent async send of file read
})
});
dispatcher.onPost('/main', function(request, response){
console.log('upload url accessed');
processForm(request, response);
});
const PORT = 8000;
function processForm(request, response){
console.log('processForm launched');
var form = new formidable.IncomingForm();
console.log('formidable initailised');
form.parse(request, function(error, fields, files){
console.log('form parsing started');
response.writeHead(200, {'content-type': 'text/plain'});
console.log('head written');
response.write('data recieved:\n\n');
response.end(util.inspect({fields: fields, files: files}));
console.log('form passing ended');
});
}
function saveImage(){
console.log('saveImage called');
fs.readFile(request.files.uploadImage.path, function(error, imageData){
console.log('reading file');
path = './uploadedImages';
fs.writeFile(path, imageData, function(error){
console.log('fs encountered an error: %s', error);
});
});
console.log('saveImage ended');
}
function handleRequest(request, response){
console.log('request handler started');
console.log('request method: %s', request.method);
try{
console.log(`URL: %s was requested`, request.url);
dispatcher.dispatch(request, response);
}
catch(error){
console.log(`httpdispatcher encountered an error: %s`, error);
}
console.log('request handler ended');
}
var server = http.createServer(handleRequest);
server.listen(PORT, function(){
//Callback triggered when server is successfully listening.
console.log("Server listening on: http://localhost:%s", PORT);
});
代码:html,(index.html文件):
<!DOCTYPE html>
<html>
<head></head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="uploadImage">
</form>
<form action="" enctype="multipart/form-data" method="post">
<fieldset>
<label for="imageTitle">Image title:</label>
<input type="text" id="imageTitle" name="imageTitle" placeholder="Enter title of image" />
<br />
<label for="imageDesription">Image desription:</label>
<textarea id="imageDesription" name="imageDesription" placeholder="Enter a description of the image"></textarea>
<br />
<input type="submit" value="Upload Image" />
</fieldset>
</form>
</body>
</html>
提前谢谢你。
看起来 httpdispatcher 修改了 request
缓冲区,以至于无法从中提取表单值。
要对此进行测试,您可以直接在 http 模块的回调中处理 post 请求,而无需分派请求:
function handleRequest(request, response){
console.log('request handler started');
console.log('request method: %s', request.method);
// HERE
if (request.method == 'POST') {
processForm(request, response);
return;
}
try{
console.log(`URL: %s was requested`, request.url);
dispatcher.dispatch(request, response);
}
catch(error){
console.log(`httpdispatcher encountered an error: %s`, error);
}
console.log('request handler ended');
}
我建议您使用 express 根据方法和路由发送请求。
问题:节点包'formidable'中的.parse()方法不想执行。
资源: 这个网站上的代码片段是我用来参考的,如果有帮助的话:https://github.com/felixge/node-formidable
描述: 我正在尝试创建一个网站,该网站可以使用 nodejs 为服务器端代码上传和存储文件。我正在使用 httpdispatcher 包来指导用户,并使用强大的包来处理上传表单。
我遇到了一个问题,每次我的程序都按预期执行,直到强大的包方法 parse() 然后停止做任何事情。浏览器选项卡尝试重新加载,将近 5 分钟后显示“服务器未返回任何内容”的错误。我没有收到来自节点的错误。
很明显,这段代码只是将处理后的表单数据返回给用户。我只是在我认为合理的范围内进行了简化。
代码:nodejs,(server.js文件):
var http = require('http');
console.log('http loaded');
var fs = require('fs');
console.log('fs loaded');
var dispatcher = require('httpdispatcher');
console.log('dispatcher loaded');
var formidable = require('formidable');
console.log('formidable loaded');
var util = require('util');
console.log('util loaded');
dispatcher.setStaticDirname('.');
dispatcher.setStatic('resources');
dispatcher.onGet('/main', function(request, response){
response.writeHead(200, {'Content-Type': 'text/html'});
fs.readFile('index.html', function(error, html){
response.end(html); //Callbacked to prevent async send of file read
})
});
dispatcher.onPost('/main', function(request, response){
console.log('upload url accessed');
processForm(request, response);
});
const PORT = 8000;
function processForm(request, response){
console.log('processForm launched');
var form = new formidable.IncomingForm();
console.log('formidable initailised');
form.parse(request, function(error, fields, files){
console.log('form parsing started');
response.writeHead(200, {'content-type': 'text/plain'});
console.log('head written');
response.write('data recieved:\n\n');
response.end(util.inspect({fields: fields, files: files}));
console.log('form passing ended');
});
}
function saveImage(){
console.log('saveImage called');
fs.readFile(request.files.uploadImage.path, function(error, imageData){
console.log('reading file');
path = './uploadedImages';
fs.writeFile(path, imageData, function(error){
console.log('fs encountered an error: %s', error);
});
});
console.log('saveImage ended');
}
function handleRequest(request, response){
console.log('request handler started');
console.log('request method: %s', request.method);
try{
console.log(`URL: %s was requested`, request.url);
dispatcher.dispatch(request, response);
}
catch(error){
console.log(`httpdispatcher encountered an error: %s`, error);
}
console.log('request handler ended');
}
var server = http.createServer(handleRequest);
server.listen(PORT, function(){
//Callback triggered when server is successfully listening.
console.log("Server listening on: http://localhost:%s", PORT);
});
代码:html,(index.html文件):
<!DOCTYPE html>
<html>
<head></head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="uploadImage">
</form>
<form action="" enctype="multipart/form-data" method="post">
<fieldset>
<label for="imageTitle">Image title:</label>
<input type="text" id="imageTitle" name="imageTitle" placeholder="Enter title of image" />
<br />
<label for="imageDesription">Image desription:</label>
<textarea id="imageDesription" name="imageDesription" placeholder="Enter a description of the image"></textarea>
<br />
<input type="submit" value="Upload Image" />
</fieldset>
</form>
</body>
</html>
提前谢谢你。
看起来 httpdispatcher 修改了 request
缓冲区,以至于无法从中提取表单值。
要对此进行测试,您可以直接在 http 模块的回调中处理 post 请求,而无需分派请求:
function handleRequest(request, response){
console.log('request handler started');
console.log('request method: %s', request.method);
// HERE
if (request.method == 'POST') {
processForm(request, response);
return;
}
try{
console.log(`URL: %s was requested`, request.url);
dispatcher.dispatch(request, response);
}
catch(error){
console.log(`httpdispatcher encountered an error: %s`, error);
}
console.log('request handler ended');
}
我建议您使用 express 根据方法和路由发送请求。