я пытаюсь загрузить картинку используя серверный язык node js, AJAX,
но файл не добовляеться помогите!
HTML, AJAX:
<!DOCTYPE html>
<html>
<head>
<title>Node.js</title>
<meta charset="utf-8" />
</head>
<body>
<form enctype="multipart/form-data" id="person" name="person">
<label>Файл</label><br>
<input name="filedata" type="file"><br>
<br>
<input name="name_user" type="text"><br>
<br>
<input id="submit" type="submit" value="Send">
</form>
<script type="text/javascript">
submit.onclick = function() {
event.preventDefault();
var formData = new FormData(document.forms.person);
var boundary = String(Math.random()).slice(2);
var xhr = new XMLHttpRequest();
xhr.open("POST", "/upload");
xhr.setRequestHeader('Content-Type', 'multipart/form-data; boundary=' + boundary);
xhr.onreadystatechange = function() {
if (this.readyState != 4) return;
alert(this.responseText);
}
xhr.send(formData);
}
</script>
</body>
<html>
NODE JS :
const express = require("express");
const multer = require("multer");
const app = express();
app.use(express.static(__dirname));
app.use(multer({
dest: "uploads"
}).single("filedata"));
app.post("/upload", function(req, res, next) {
console.dir(req.file)
let filedata = req;
if (!filedata) res.send("Ошибка при загрузке файла");
else res.send("Файл загружен");
});
app.listen(3000);