使用 JavaScript 的 fetch API 来发送 POST 请求并处理上传结果却无法获取响应的主体内容

使用 JavaScript 的 fetch API 来发送 POST 请求并处理上传结果。
但是，请注意 response.body 在此处的用法是不正确的。response.body 是一个 ReadableStream 对象，它表示响应的主体内容，并不能直接打印到控制台。

如果您需要获取响应的主体内容，可以使用以下方法中的一种：

使用 response.text() 获取文本形式的响应主体内容。
使用 response.json() 获取 JSON 形式的响应主体内容。
使用 response.blob() 获取 Blob 形式的响应主体内容。

const response = await fetch('http://localhost:80/upload', {     
  method: 'POST',
  body: formData,
});

if (response.ok) {
  // 上传成功，可以在这里处理成功的逻辑
  console.log('图片上传成功');
  const responseBody = await response.text(); // 或者使用 response.json() 或 response.blob()
  console.log('响应主体内容:', responseBody);
} else {
  // 上传失败，可以在这里处理失败的逻辑
  console.log('图片上传失败');
  console.log(response.status); // 打印失败的响应状态码
}

可以根据需要选择适当的方法来获取响应的主体内容，并进行相应的处理。请注意，response.text()、response.json() 和 response.blob() 方法也返回 Promise，因此需要使用 await 关键字来获取实际的内容。