Javascript &引用；如何修复加载资源失败：服务器在React and express中的响应状态为500

我尝试使用multer和React将图像上载到本地文件夹。我希望成功上载图像。然而，正如chrome调试器所说，加载资源失败：服务器响应状态为500（内部服务器错误）[ 我猜我的代码将错误格式的数据发送到服务器端。如果您能为我提供解决方案，我将不胜感激。我花了整整几天的时间来解决这个问题

反应

---

假设您已经安装了multer，如果您看到以下代码

router.post("/", upload.single("myFile"), (req, res, next) => {
  console.log(req.file);

“myFile”

必须是要传递的文件所对应的formField Core的名称，在您的情况下是

“imageData”

。请尝试将

“myFile”

替换为

“imageData”

还可以为react发出的axios post请求设置标头。表单属性可能不会对手动http请求产生影响

var header = {
        'Content-Type': 'multipart/form-data'
    }

await axios.post("/", fd,{ headers : header });

---

请尝试让我知道它是否有效。

假设您已经安装了multer，如果您看到以下代码

router.post("/", upload.single("myFile"), (req, res, next) => {
  console.log(req.file);

“myFile”

必须是要传递的文件所对应的formField Core的名称，在您的情况下是

“imageData”

。请尝试将

“myFile”

替换为

“imageData”

还可以为react发出的axios post请求设置标头。表单属性可能不会对手动http请求产生影响

var header = {
        'Content-Type': 'multipart/form-data'
    }

await axios.post("/", fd,{ headers : header });

---

请尝试让我知道它是否有效。

您的req.body是否具有imageName？当服务器代码中存在未处理的JS错误时，通常会发生500个错误。您的req.body是否具有imageName？当服务器代码中存在未处理的JS错误时，通常会发生500个错误。不过，谢谢您的解决方案，它不起作用。我仍然收到相同的错误。我假设这是一个客户端错误，因为我使用postman时可以得到响应。感谢您的解决方案。但是，它不起作用。我仍然收到相同的错误。我假设这是一个客户端错误，因为我使用postman时可以得到响应。