当我从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)
}
答案 0 :(得分:1)
我认为你不会得到像req.body.photo
这样的图像。使用https://www.npmjs.com/package/multer
上传文档