为什么react里用fetch上传img没有fileName？

在React中使用fetch上传图片时，没有提供fileName参数的原因是fetch API的设计如此。fetch API是一种现代的网络请求API，用于替代传统的XMLHttpRequest对象。它提供了一种简洁、灵活的方式来发送HTTP请求，并且支持Promise。

在使用fetch上传图片时，可以通过FormData对象来构建请求体，并将图片文件作为FormData的一个字段进行传递。FormData对象提供了一个append()方法，用于添加键值对到表单中。在这种情况下，我们可以使用append()方法将图片文件添加到FormData对象中，而不需要指定文件名。

以下是一个使用fetch上传图片的示例代码：

const uploadImage = (file) => {
  const formData = new FormData();
  formData.append('image', file);

  return fetch('/upload', {
    method: 'POST',
    body: formData
  })
  .then(response => response.json())
  .then(data => {
    console.log('Upload successful', data);
  })
  .catch(error => {
    console.error('Error uploading image', error);
  });
}

在上述代码中，我们创建了一个FormData对象，并使用append()方法将图片文件添加到formData中。然后，我们使用fetch发送POST请求，将formData作为请求体传递给服务器。服务器可以通过相应的后端框架来处理这个请求，并将图片保存到指定的位置。

需要注意的是，fetch API在发送请求时，默认使用的是Content-Type为"application/json"，而不是"multipart/form-data"，因此需要手动设置请求头的Content-Type为"multipart/form-data"，以确保服务器能够正确解析请求体。

总结起来，React中使用fetch上传图片没有提供fileName参数是因为fetch API的设计如此，我们可以使用FormData对象来构建请求体，并将图片文件作为FormData的一个字段进行传递。