Question

我正在尝试将giff上传到giphy api，我想知道是否有人对此有任何经验，可以提供一个示例。我看到它想要一个参数文件作为二进制字符串，所以我正在使用'react-file-base64'。

我的react组件中的功能

import FileBase64 from 'react-file-base64'
//...

submit = (e) => {
    e.preventDefault()
    let base64 = this.state.file.base64
    let data = {file: this.state.file.base64, api_key: "MY_API_Key"}
    this.props.upload(data)
}

//我的动作

export const upload = (item) => {
    return dispatch => {
        dispatch({type: 'UPLOADING_START'})
        axios.post("http://api.giphy.com/v1/gifs?api_key=MY_API_KEY", item)
        .then(res => {
            console.log(res)
            dispatch({type: 'UPLOADING_SUCCESS', payload: res.data})
        })
        .catch(error => {
            dispatch({type: 'UPLOADING_ERROR', payload: error})
        })
    }
}

我的错误

403 (Forbidden)

has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

还要注意，我只是将MY_API_KEY放在这里，因为我不想在帖子中分享它，并且我没有生产密钥。但是，它确实说我每天最多可以上传5个giff。

在反应中将吉夫上传到giphy api

0 个答案: