如何解决访问上传的 react-dropzone 文件
我遵循了 react-dropzone 教程并想出了以下代码:
import React,{ useState } from "react";
import "./styles/Dropzone.css";
import Dropzone from "react-dropzone";
export default function FileDropzone() {
const [fileNames,setFileNames] = useState([]);
const handleDrop = acceptedFiles =>
setFileNames(acceptedFiles.map(file => file.name));
return (
<div className="UploadPage">
<div className="FileDropzone mx-auto">
<Dropzone
onDrop={handleDrop}
accept="image/*"
minSize={1024}
maxSize={3072000}
>
{({
getRootProps,getInputProps,isDragActive,isDragAccept,isDragReject
}) => {
const additionalClass = isDragAccept
? "accept"
: isDragReject
? "reject"
: "";
return (
<div
{...getRootProps({
className: `dropzone ${additionalClass} mx-auto`
})}
>
<input {...getInputProps()} />
<div className="dropzoneContent">
<span className="dropzoneDrag">{isDragActive ? "?" : "?"}</span>
<p className="dropzoneText">Choose a file or drag it here to upload</p>
</div>
</div>
);
}}
</Dropzone>
<div>
<strong>Files:</strong>
<ul className="fileList">
{fileNames.map(fileName => (
<li key={fileName}>{fileName}</li>
))}
</ul>
</div>
</div>
</div>
);
}
我想知道在哪里可以实际访问提交的文件(我想将其上传到 AWS S3)。我也是 React 的新手,所以我不确定我也会在哪里编写 s3 提交部分。谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。