我正在学习“节点初学者书”并在书中练习,练习是呈现用户上传的图片。这是一个用node-formidable
写的例子,代码如下:
var formidable = require('formidable'),
http = require('http'),
util = require('util');
http.createServer(function(req, res) {
if (req.url == '/upload' && req.method.toLowerCase() == 'post') {
// parse a file upload
var form = new formidable.IncomingForm();
form.parse(req, function(err, fields, files) {
res.writeHead(200, {'content-type': 'text/plain'});
res.write('received upload:\n\n');
res.end(util.inspect({fields: fields, files: files}));
});
return;
}
// show a file upload form
res.writeHead(200, {'content-type': 'text/html'});
res.end(
'<form action="/upload" enctype="multipart/form-data" '+
'method="post">'+
'<input type="text" name="title"><br>'+
'<input type="file" name="upload" multiple="multiple"><br>'+
'<input type="submit" value="Upload">'+
'</form>'
);
}).listen(8888);
我使用node filename.js
运行它,然后打开位于http://localhost:8888/upload的浏览器,出现如下内容:
我输入一个名字并选择一个文件,然后如下所示:
点击upload
按钮,响应如下:
received upload:
{ fields: { title: 'Hello Wolrd' },
files:
{ upload:
File {
domain: null,
_events: {},
_eventsCount: 0,
_maxListeners: undefined,
size: 37417,
path: '/tmp/upload_a306115e1e630a0c548b6d820fe803cb',
name: 'myfile_icon_file_4.png',
type: 'image/png',
hash: null,
lastModifiedDate: 2016-10-11T03:52:41.052Z,
_writeStream: [Object] } } }
如何获取属性path
?为什么在那里创建一个单词File
?
答案 0 :(得分:1)
path
对象上提供了属性File
,该代码在其代码中定义了强大的内容。在编写示例时,您的form.parse
函数会为您提供一个名为File
的{{1}}个对象的地图(图)。因此,如果您希望获得刚刚上传的文件的files
值,则可以执行以下操作(使用密钥path
,因为这是您的html upload
& #39; s input
是):
name
请记住,这只是以您的示例编写方式提供给服务器端,因此为了获得这样的路径,您可以将该行代码放在var pathToFile = files['upload'].path;
函数中。
您在示例中提供的打印输出来自响应,这是客户端获取的内容。您用于格式化响应的util.inspect
是明确地将form.parse
和fields
对象转换为字符串表示形式,以便进行调试/检查,这就是为什么你可以&#39 ; t在客户端访问它们作为变量。如果您使用我上面写的这一行或建议的行概念,只要它在files
函数中,path
范围内form.parse
存在,就会访问files
。