Javascript 是否将一个映像从客户端上载到NodeJS服务器并在服务器内部保存?
如何从客户端上传图像,并通过向服务器(NodeJS)发出HTTP请求(POST)将其发送,然后将其内部保存在服务器上 无论是使用Jquery还是使用XMLHttpRequest,甚至是使用表单,我都遇到了同样的问题,无法在服务器端获取映像,因此无法在内部存储 我为客户端尝试的代码:Javascript 是否将一个映像从客户端上载到NodeJS服务器并在服务器内部保存?,javascript,node.js,Javascript,Node.js,如何从客户端上传图像,并通过向服务器(NodeJS)发出HTTP请求(POST)将其发送,然后将其内部保存在服务器上 无论是使用Jquery还是使用XMLHttpRequest,甚至是使用表单,我都遇到了同样的问题,无法在服务器端获取映像,因此无法在内部存储 我为客户端尝试的代码: let img = document.createElement("img"); img.src = "./public/assets/img.png"; img.addEventListener("load", (
let img = document.createElement("img");
img.src = "./public/assets/img.png";
img.addEventListener("load", (e) => {
addParkingSource(img);
});
function addParkingSource(image) {
let blobFile = image;
let formData = new FormData();
formData.append("fileToUpload", blobFile);
$.ajax({
url: "http://localhost:8000/post-image",
type: "POST",
data: formData,
processData: false,
contentType: false,
success: function(response) {},
error: function(jqXHR, textStatus, errorMessage) {
console.log(errorMessage); // Optional
}
});
}
服务器端,我无法读取它,每当我尝试读取req(请求)的数据属性时,它会给出空对象,但内容长度指向一个大于0的数字,这意味着图像已成功发送
app.post("/post-image", function(req, res) {
console.log(req.body);
});
注意:我现在对cors没有异议
我做错了什么以及如何正确实施它?我建议您使用
multer
npm
包来执行文件上传任务