reactjs - 如何访问 Clarifai API 以在 React 中上传本地文件？

Question

这是我在开发者旅程中在 Stack Overflow 中提出的第一个问题。在我的项目中，我实现了一个文件上传系统，单击按钮将触发 Clarifai API 识别。下面是我的代码片段，其中发生了事情。不幸的是，在我看来，this.state.input没有以正确的方式更新，以便 API 可以响应。任何形式的帮助将不胜感激。谢谢你。

 handleImage = (e) => {
    this.setState({input: URL.createObjectURL(e.target.files[0])});
  }
  onButtonSmash = () => {
    this.setState({imageUrl: this.state.input});
    app.models.predict(Clarifai.CELEBRITY_MODEL, this.state.input)
      .then(response => this.setState({solution: response.outputs[0].data.regions[0].data.concepts})
      .catch(err => console.log(err)))
  } 
    <div>
      <input type="file" onChange={this.handleImage} />
    </div>

Answer 1

• 确保您已这样初始化 API：https ://github.com/Clarifai/clarifai-javascript#basic-use

• 确保调用了 onButtonSmashed（看起来嵌套在您的代码片段中）