1
我一直在尝试使用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>
)
}