如何在拍照后立即将照片传输到 x-www-form-urlencoded EXPO

Question

我想拍照，将其保存到相册并立即发送图像。 （不要从相册中选择。）

拍摄当前图片，保存到相册，查看uri没有问题。

但 x-www-form-urlencoded 发送过程无法正常工作。

我认为发送API的格式可能有问题。

邮递员也附上。 （在 Postman 中没问题。）

 takePictureAndCreateAlbum = async () => {
    const { uri } = await this.camera.takePictureAsync();
    console.log('uri', uri);
    const asset = await MediaLibrary.createAssetAsync(uri);
    console.log('asset', asset);

    const filename = asset.filename;

    MediaLibrary.createAlbumAsync('Expo', asset)

      // POST API
      .then(() => {

        var file = new FormData();
        file.append({file: uri});

        return fetch(/* API_URL */, { 
              method: 'POST',
              headers:{

                  'Content-Type':'application/x-www-form-urlencoded',
                  'Accept': 'application/json'
             } , body : file} )

         .then((response) => response.text())
              .then((responseData) => {
                  console.log(responseData);
              })
              .done();

      })
      .catch(error => {
        Alert.alert('An Error Occurred!')
      });
  };

Postman Header

Postman Body

Answer 1

当附加到FormData 实例时，第一个参数是字段名称（您的服务器将作为此文件的对象键获取的内容），第二个参数是以下形式的对象：

{
  uri: // The uri you received from the camera,
  type: // The file type (i.e.: image/png),
  name: // The file name
}

在你的情况下，它会是这样的：

// Split the uri by `.` (periods)
const uriParts = uri.split('.');
// Grab the file type at the end of the uri
const fileType = uriParts[uriParts.length - 1];

file.append('picture', {
  uri,
  type: `image/${fileType}`,
  name: 'FILE-NAME.${fileType}`
});

另外，发送文件时，Content-Type 标头应为multipart/form-data