Javascript 如何从react应用程序将图像上载到WordPress REST API

我正在使用一个react应用程序，我正在使用WordPress API，一切都很好，但需要通过wp json/wp/v2/media上传图像

但是我不知道怎么做，我不知道使用了哪些头和数据

代码是：

  uploadImage(masterFile) {
  const file = masterFile[0];

  const { mediaUrl } = this.state;
  var self = this;
  let host = this.props.host + mediaUrl;
  this.setState({
    showOverlay: true,
    overlayMsg: "Wait Upload the image..."
  });
  let user = cookie.load("user");
  const myHeaders = {
    Authorization: "Bearer " + user.token,
    "Content-Disposition": 'attachment; filename=/"' + file.name + '/"',
    "Content-Type": "image/jpeg"
  };

  let data = {

  };

  axios
    .post(host, data, { headers: myHeaders })
    .then(function(response) {
    })
    .catch(function(error) {
  
    })
    .then(function() {});
}

---

您必须安装Wordpress插件才能生成令牌，允许您对Wordpress Rest API进行JWT身份验证。

这里有一个插件可以做到这一点，并且附带了一份文档，详细说明了您必须在wordpress服务器上进行的配置：

下面是一个使用JWT身份验证的JS代码的示例，用于在Wordpress上上载图像：

---

您必须安装Wordpress插件以生成令牌，允许您对Wordpress Rest API进行JWT身份验证。

这里有一个插件可以做到这一点，并且附带了一份文档，详细说明了您必须在wordpress服务器上进行的配置：

下面是一个使用JWT身份验证的JS代码的示例，用于在Wordpress上上载图像：