Currently, I am attempting to implement a file upload functionality using pug, multer, and express.
The structure of the pug form used for uploading a file is as follows:
form(method='POST' enctype="multipart/form-data")
div.form-group
input#uploaddata.form-control(type='file', name='uploaddata' )
br
button.btn.btn-primary(type='submit' name='uploaddata') Upload
Here is a snippet of the server code (provided out of context):
.post('/uploaddata', function(req, res, next) {
upload.single('uploaddata',function(err) {
if(err){
throw err;
} else {
res.json({success : "File upload sucessfully.", status : 200});
}
});
})
My main issue currently is that although the file uploads successfully, the success message does not display on the same page; instead, a new page loads showing:
{success : "File upload sucessfully.", status : 200}
For other elements such as link clicks, a javascript function is used to display messages, like this example:
$("#importdata").on('click', function(){
$.get( "/import", function( data ) {
$("#message").show().html(data['success']);
});
});
I have tried pure JavaScript solutions to bypass the default form behavior, but so far, no luck has been achieved.