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

Question

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

但是我在调​​用它时得到了未定义

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}
                />
}

Answer 1

看来您正在使用 React ImageUploader 组件，该组件已经在处理从事件中提取文件的情况。 handleUpload 中的 e 不是事件，而是提取的文件列表。您应该直接使用此文件列表。

如果您想更好地理解，您可以查看 ImageUploader 源代码，了解它是如何处理它的，但通过 e[0] 访问文件就可以了(为了清楚起见，您可能需要将 e 重命名为 files 之类的名称)。