上传图片reactjs / nodejs错误

时间:2017-06-10 02:37:13

标签: node.js forms reactjs express axios

当我从nodejs上传console.log中的图像时,我正在尝试使用reactjs上传图像。我得到一个空数组 任何建议

组件reactjs

export default class Categoria extends Component {
    constructor(props) {
        super(props);
        this.state= {}
        this.handleSubmit=this.handleSubmit.bind(this)
    }   

    render(){
        return (
            <form onSubmit={this.handleSubmit.bind(this)}  encType="multipart/form-data">
                <input type="file" onClick={this.handleImageChange.bind(this)}   name="photo" />
                <button type="submit">upload picture </button>
            </form>                  
        )
    }
    handleImageChange(e) {
        this.setState({photo: e.target.files[0]});              
    }
    handleSubmit(e) {
        e.preventDefault()
        axios.post("x/photos", this.state.photo)
        .then((response) =>{
            console.log(response.data)
        })
        .catch((err)=>{
          console.log(err)
        })
    }
}



// router nodejs 
router.post('/x/photos', function(req, res){
    console.log(req.body.photo)
}

1 个答案:

答案 0 :(得分:1)

我认为你不会得到像req.body.photo这样的图像。使用https://www.npmjs.com/package/multer上传文档