我正在使用个人资料图片文件上传系统，我的HTML：
<form enctype="multipart/form-data" id="imageUpload" >
<img id="profileImage" src="./images/avatar.png">
<button type="button">
<input type="file" name="image" id="inpFile" class="hidden" onchange="uploadPicture(this)">
<label for="inpFile">Download</label></button>
我的剧本：
async function uploadPicture(input) {
//show user the image
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#profileImage').attr('src', e.target.result)
};
reader.readAsDataURL(input.files[0]);
}
const form = document.querySelector('#imageUpload')//tried to send form.image.value before
const formData = new FormData();
formData.append("inpFile", input.files[0]);
try {
const res = await fetch('/my-profile-image-upload', {
method: 'POST',
body: JSON.stringify(Object.fromEntries(formData)),
headers: {
'Content-Type': 'application/json'
}
})
} catch (error)
console.log(error);
}
所以我将这个文件发送到一个对象中，但是在我的控制器中
module.exports.upload_picture = (req, res) => {
const { FormData } = req.body;
console.log(FormData);
}
我变得不确定。我的目标是将此图像存储在我的公用文件夹中，因为它对所有用户可见，并将文件名存储在数据库中，但是我无法使用访存发送此文件。我有
app.use(express.json());
app.use(express.urlencoded({ extended: true }));
在我的app.js文件中
关于如何使用提取发送此图像的任何想法？
它是未定义的，因为您没有用于处理多部分/表单数据，用于上传文件的中间件。您可以使用multer访问req.file对象。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句