我正在为找到的对象创建一个反应应用程序,我想允许用户上传这些对象的照片
我尝试使用 axios 通过 post 请求将图像发送到猫鼬服务器,但它不起作用。
这就是我如何将图像存储在带有预览的 React 组件中:
handleImage(event) {
let reader = new FileReader();
let file = event.target.files[0];
reader.onloadend = () => {
this.setState({
image: file,
imagePreviewUrl: reader.result
});
}
这就是我发送它的方式:
reader.readAsDataURL(file)
axios.post("/api/putData", {
id: idToBeAdded,
author : "TODO", //TODO
title: infos.title,
type: infos.type,
reward: this.state.reward,
description: infos.description,
image: infos.image,
});
这是我处理另一端请求的代码:
router.post("/putData", (req, res) => {
let data = new Data();
const { id, author, title, type, reward, description, image } = req.body;
/*if ((!id && id !== 0) || !message) {
return res.json({
success: false,
error: "INVALID INPUTS"
});
}*/
data.title = title;
data.type = type;
data.reward = reward;
data.description = description;
data.author = author;
data.id = id;
data.image.data = image;
data.image.contentType = 'image/png'
data.save(err => {
if (err) return res.json({ success: false, error: err });
return res.json({ success: true });
});
});
因此,该图像是表单的一部分,当我在没有图像的情况下提交它时,我在数据库中有一个没有任何图像的新文档(这没关系),但是当我尝试加载一个时,不会创建任何文档。
我能做些什么 ?