上传文件时检索 e.target.File 时未定义

debugcn 发表于 Dev

兰德尔

我正在尝试获取File此堆栈跟踪中的值

但是我在调用它时得到了一个 undefined

console.log(e.target.File);

或者

console.log(e.target)

我将如何访问文件值？

handleUpload = (e) => {
    const data = new FormData()
    console.log(e.target);

    // data.append('file', e.target.files[0])
    // data.append('name', 'some value user types')
    // data.append('description', 'some value user types')
    // Axios.post('/images/upload', data).then((response) => {
    // console.log(response);
    debugger;
    //   this.setState({
    //     imageUrl: response.data.fileUrl
    //   })

render(){
    return(
       .......           
            <ImageUploader
                withIcon={true}
                withPreview={true}
                buttonText='Upload an image'
                imgExtension={['.jpg', '.gif', '.png', '.gif']}
                onChange={this.handleUpload}
                maxFileSize={5242880}
                />
}

道格

我们不知道它的实现，ImageUploader但从屏幕截图看来，它onChange使用一个文件数组调用了该方法。所以你可以像这样访问它们：

handleImagesChange = images => {
  const firstImage = images[0];
  console.log(firstImage.name);
  this.setState({ images });
}

handleSubmit = () => {
  Axios.post('some/url', this.state.images)
    .then(console.log)
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。