上传图片reactjs/nodejs错误

Question

嗨我试图上传一个图像与reactjs，当我从nodejs上载console.log中的图像。我得到一个空数组 任何建议

组件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) 
} 

Answer 1

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