javascript - 使用 fetch() 的 WP REST API 媒体上传

Question

我正在尝试使用 fetch() 使用 JS (React Native) 在 WP Rest API 中执行媒体上传。

这是我到目前为止所做的事情:

fetch('https://www.example.fr/wp-json/wp/v2/media', {
        method: 'post',
        headers: new Headers({
          'Content-Type': 'image/jpeg',
          'Authorization': 'Basic d3GtcmVzdC1sdfGktY2xpZW50Onefepbl9hdh90aWJldA==',
          'Content-Disposition': 'attachment; filename="user-'+userId+'.jpg"'
        }),                
        body: imageBase64Data
      })
      .then(function (response) {
        console.log(response);
      });

imageBase64Data 设置如下:

let imageBase64Data = 'data:image/png;base64,'+ imageData;

和imageData是react-native-image-pickerresponse.data:https://github.com/react-community/react-native-image-picker#the-response-object

这是我的问题:在我的 WP 上成功创建了媒体，但图像是空的(没有数据，大约 15B)。所以我猜测我作为请求正文发送的数据出现了问题。但我不知道是什么。

有什么想法吗？

Answer 1

郑重声明，以下是我使用 react-native-fetch-blob 模块最终解决此问题的方法:

 RNFetchBlob.fetch('post', 'https://www.example.fr/wp-json/wp/v2/media', 
      {                    
        'Content-Type': 'image/jpeg',
        'Authorization': 'Basic dqdsfqsdfpbl9hqsdfdsfWJldA==',
        'Content-Disposition': 'attachment; filename="user-'+userId+'.jpg"'
      }

    ,imageUri) // imageUri = RNFetchBlob.wrap(imageUri);
    .then(function (response) {
      console.log(response); // returns a 201 response with id of the attached media
    });