1
Ant Design Uploadコンポーネントを使用して自分のコンピュータからプロジェクトディレクトリにファイルをアップロードしようとしています。それがアップロードされると、私はそれでやりたいことができますが、私が繰り返しこのエラーを取得しています：私はちょうど指定したいので、それは「ファイルが見つかりません」と言う理由Ant-Designプロジェクトファイルのディレクトリにファイルをアップロードする方法をアップロードする
POST file:///home/usr/app/uploadedFiles net::ERR_FILE_NOT_FOUND
私は知りませんファイルパス私はアップロードしたものの場所として提供します。ドキュメントでは、「アクション」はあなたがアップロードしたいものの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>
)
}