如何在 reactjs 中上传文件并将文件路径保存在 JSON 服务器中？答案

【问题标题】：How can I upload a file in a reactjs and save the path to the file in the JSON server?如何在 reactjs 中上传文件并将文件路径保存在 JSON 服务器中？
【发布时间】：2021-08-09 11:20:33
【问题描述】：

我应该在这里做什么才能获得路径 const [file, setFile] = useState("");

function handleUpload(e) {
     setFile(e.target.files[0]);
//what should i do here to get the path
}

 <Button variant="contained" component="label" >Upload File <input type="file" hidden  webkitdirectory onChange={(e)=>handleUpload(e)}/></Button>

【问题讨论】：

标签： javascript reactjs file-upload filepath json-server

【解决方案1】：

出于安全原因，浏览器不允许这样做，即浏览器中的 JavaScript 无法访问文件系统，但是使用 HTML5 文件 API，只有 Firefox 提供 mozFullPath 属性，但如果您尝试获取该值，它会返回一个空字符串：

duplicate的可能

【讨论】：