我一直在尝试使用JavaScript fetch API将文件上传到Flask API。
我的请求是这样的：

let file = new FormData();
    let imageFile = document.getElementById("select-image").files[0];
    file.append("file", imageFile);
    fetch('http://localhost:5000/image-file',
      {
        method: 'PUT',
        headers: {
          'Content-Type': 'multipart/form-data',
          'Authorization': token
        },
        body: file
      })
      .then(async http => {
        let response = http.text();
        if (http.ok) {
          console.log("created")
          postImageData(text);
        }
        else {
          return response.then(response => {throw new Error(response);})
        }
      })
      .catch(error => {
        console.log(error);
      })

但是当我在flask中执行request.files时，对象是空的，request.files["file"]返回错误。
检查请求，有效负载看起来像这样：

------WebKitFormBoundaryG7nrDvgPSk3FSRUs
Content-Disposition: form-data; name="file"; filename="2480_books2.jpg"
Content-Type: image/jpeg

------WebKitFormBoundaryG7nrDvgPSk3FSRUs--

我的文件上传元素看起来像这样：

<input id="select-image" name="image" type="file"/><br/>

我可以从请求中访问文件吗？还是请求本身有问题？