Soy nuevo en esta tecnología, estoy intentando subir una imagen a mi directorio de la página web que estoy realizando, lo he logrado pero no con el efecto deseado.
Al subir la imagen yo quiero que mi página quede estática. En este ejemplo al subir la imagen con éxito la línea
return res.end('Uploaded successfuly');
me redirige a la url
http://127.0.0.1:8081/file_upload
y es eso lo que no quiero, he comentado esa linea porque quiero permanecer en la url
http://127.0.0.1:8081/index.html
pero la página queda como recargando y supongo que es porque no le he indicado que la carga ha finalizado con éxito con
return res.end('Uploaded successfuly');
hay forma de evitar redireccionamientos o recargas en express?
CLIENTE
<html>
<head>
<title>File Upload</title>
</head>
<body>
<h3>File Upload:</h3>
Select a file to upload: <br />
<form action = "http://127.0.0.1:8081/file_upload" method = "POST"
enctype = "multipart/form-data">
<input type="file" name="foo" size="50" />
<br />
<input type = "submit" value = "Upload File" />
</form>
</body>
</html>
SERVIDOR
var express = require('express');
var app = express();
var path = require("path");
var bodyParser = require('body-parser');
var multer = require('multer');
app.use(express.static('public'));
app.use(bodyParser.urlencoded({ extended: false }));
app.get('/index.html', function (req, res) {
res.sendFile( __dirname + "/" + "index.html" );
})
var storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, '../public/upload/temp')
},
filename: function (req, file, cb) {
cb(null, "llelele.jpg")
}
})
var upload = multer({ storage: storage })
app.post('/file_upload', upload.single('foo'), function(req, res) {
if (req.file) {
console.dir(req.file);
// return res.end('Uploaded successfuly');
}
//res.end('No file found');
});
var server = app.listen(8081, function () {
var host = server.address().address
var port = server.address().port
console.log("Example app listening at http://%s:%s", host, port)
})