I've been trying to upload a file with node.js and ajax, yet i can't let it work. I don't get an error, but nothing is in my storage folder.
index.js:
app.post('/newFlavour', function(req, res){
console.log("[INFO] New flavour request: " + req.body.name);
let form = new formidable.IncomingForm();
form.uploadDir = path.join(__dirname, '/storage');
form.on('file', function(field, file) {
fs.rename(file.path, path.join(form.uploadDir, file.name));
});
form.on('error', function(err) {
console.log('An error has occured:
' + err);
});
form.on('end', function() {
console.log('success');
});
form.parse(req); });
My function with the ajax request:
function createFlavour() {
let file = $('#upload-input').get(0).files;
const formData = new FormData();
formData.append('uploads', file, file.name);
console.log(file)
$.ajax({
url: "http://localhost:3000/newFlavour",
type: "POST",
dataType: "json",
data: JSON.stringify({
name: $('#name').val(),
file: file
}),
contentType: "application/json",
success: function (data) {
console.log(data);
},
error: function () {
alert("Error occured");
},
complete: function () {
console.log("complete")
}
});
clearModal(); }
The input tag:
<input id="upload-input" type="file" name="upload"></br>
I don't know what i am missing here.
Thanks in advance!