Node.js 如何在React with expressjs中上载图像

Node.js 如何在React with expressjs中上载图像,node.js,reactjs,express,redux,sequelize.js,Node.js,Reactjs,Express,Redux,Sequelize.js,我正在尝试使用React with express上载图像,以便将图像路径保存到数据库中。我阅读了以下教程: 和 我遇到的问题是,我不能从React上传图片并将URL保存到数据库中 我在设置状态的React代码中有以下内容: picture(e){ this.setState({ picture:e.target.files[0] }); console.log(e.target.files[0]); } 在render()方法中,我只需处理它: <

我正在尝试使用React with express上载图像,以便将图像路径保存到数据库中。我阅读了以下教程: 和 我遇到的问题是,我不能从React上传图片并将URL保存到数据库中

我在设置状态的React代码中有以下内容:

picture(e){
    this.setState({
        picture:e.target.files[0]
    });
    console.log(e.target.files[0]);
}
在render()方法中,我只需处理它:

<input type="file" onChange={this.picture} className="form-control-file" placeholder="Picture" name="picture"/>
除ima文件外,其他数据保存在数据库中

对于makepost,我只需要调用一个操作,redux发送状态数据

export const addStrongDish=dish=>async dispatch=>{
    const response = await axios.post('http://www.my-domain.co.cr/api/dish/add/',dish);
    dispatch({
        type:ADD_DISH,
        payload:response.data
    })
}

我已将此问题修复为

export const addStrongDish=dish=>async dispatch=>{
    const response = await axios.post('http://www.my-domain.co.cr/api/dish/add/',dish);
    dispatch({
        type:ADD_DISH,
        payload:response.data
    })
}