input和formdata文件上傳，formdata在append上傳的文件file之后，formdata還是空的？

input標(biāo)簽，type為file，
點(diǎn)擊之后可以拿到上傳的圖片file，
但是let filedata = new formdata之后，
用filedata.append('file',file),
console.log(filedata),只是一個(gè)formData的空對(duì)象。怎么回事？

react項(xiàng)目。

html:
 <input
    onChange={this.uploadCardImgFront.bind(this)}
    type="file"
    className='verify-input-file'
    accept={['image/jpeg','image/png']}
    ref='idCardBefore'
 />

js:
uploadCardImgFront = (event) => {
        let file = event.target.files[0];
        console.log(file);
        var fileData = new FormData();
        fileData.append('file', file);
        console.log(fileData);           //顯示為空
        http.post('/api/v1/certification/uploadCardImgFront', {
            frontImg: fileData,         //這里的fileData是空的
        }).then(res => {
            console.log(res.data)；
        })
    };