Ant-Design上传如何将文件上传到项目文件中的目录

问题描述：

我一直在尝试使用Ant设计上传组件将我的计算机上的文件上传到我的项目目录中。一旦它被上传，我可以做任何我想做的事情，但我多次收到此错误：Ant-Design上传如何将文件上传到项目文件中的目录

POST file:///home/usr/app/uploadedFiles net::ERR_FILE_NOT_FOUND

我不知道为什么它说“找不到文件”，因为我只是想指定文件路径我提供作为我上传的位置。在文档中，它指定'action'是任何想要上传的url，但我不明白为什么文件路径应该导致任何问题。他们使用XMLHttpRequest();作为上传文件的后端。

你可以找到antd上传文档here。

重要的是要注意，尽管出现错误，但新文件仍会出现在上传文件的列表中，并会在状态中添加到fileList中。问题是我需要将这些文件保存在项目本身的一个目录中，而不是暂时存放在我的组件中。

我的相关代码如下。我当然使用React。

uploadedBundle = (info) => { 
    console.log(info) 
    if (info.file.status !== 'uploading') { 
     console.log(info.file, info.fileList); 
    } 
    if (info.file.status === 'done') { 
     console.log(info); 
    } else if (info.file.status === 'error') { 
     console.log(info.fileList); 
    } 
    this.setState({ 
     fileList: info.fileList, 
     size: +info.file.size 
    }) 
    } 
    render() { 
    const uploads = { 
     action: __dirname + '/uploadedFiles', 
     listType: 'picture', 
     defaultFileList: this.state.fileList, 
     onChange: this.uploadedBundle 
     // customRequest: this.uploadedBundle 
    }; 
    return (
     <Upload {...uploads}> 
     <Button className='modal-button login-form-button'> 
      <Icon type="upload">Upload A Study</Icon> 
     </Button> 
     </Upload> 
    ) 
    }

答

你必须在本地PC上创建任何服务器的NodeJS做

Ant-Design上传如何将文件上传到项目文件中的目录

相关推荐