I have this code in order to upload files with node.js:
app.use(express.bodyParser());
// or, as `req.files` is only provided by the multipart middleware, you could
// add just that if you're not concerned with parsing non-multipart uploads,
// like:
app.use(express.multipart());
app.get('/',function(req,res){
fs.readFile('uploadHTML.html',function (err, data){
res.writeHead(200, {'Content-Type': 'text/html','Content-Length':data.length});
res.write(data);
res.end();
});
});
app.post('/upload',function(req,res)
{
console.log(req.files);
fs.readFile(req.files.displayImage.path, function (err, data) {
// ...
var newPath = __dirname;
fs.writeFile(newPath, data, function (err) {
res.redirect("back");
});
});
});
Here is the HTML file:
<html>
<head>
<title>Upload Example</title>
</head>
<body>
<form id="uploadForm"
enctype="multipart/form-data"
action="/upload"
method="post">
<input type="file" id="userPhotoInput" name="displayImage" />
<input type="submit" value="Submit">
</form>
<span id="status" />
<img id="uploadedImage" />
</body>
</html>
When I upload the file, it gives me the next error:
TypeError: Cannot read property 'displayImage' of undefined at c:NodeInstall
odejsexpress.js:42:22 at callbacks (c:NodeInstall
odejs
ode_modulesexpresslib
outerindex.js:164:37) at param (c:NodeInstall
odejs
ode_modulesexpresslib
outerindex.js:138:11) at pass (c:NodeInstall
odejs
ode_modulesexpresslib
outerindex.js:145:5) at Router._dispatch (c:NodeInstall
odejs
ode_modulesexpresslib
outerindex.js:173:5) at Object.router (c:NodeInstall
odejs
ode_modulesexpresslib
outerindex.js:33:10) at next (c:NodeInstall
odejs
ode_modulesexpress
ode_modulesconnectlibproto.js:193:15) at Object.expressInit [as handle] (c:NodeInstall
odejs
ode_modulesexpresslibmiddleware.js:30:5) at next (c:NodeInstall
odejs
ode_modulesexpress
ode_modulesconnectlibproto.js:193:15) at Object.query [as handle] (c:NodeInstall
odejs
ode_modulesexpress
ode_modulesconnectlibmiddlewarequery.js:45:5)
What could be the reason?
See Question&Answers more detail:os
