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