上传图片reactjs / nodejs错误

Question

您好，当我从 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)
}

Answer 1

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

上传图片reactjs / nodejs错误

upload image reactjs / nodejs error

forms

node.js

express

reactjs

axios