如何从 ReactJs 中的文件路径文件夹名称获取 <input tag>答案

【问题标题】：How to get <input tag> from file path Folder Name in ReactJs如何从 ReactJs 中的文件路径文件夹名称获取 <input tag>
【发布时间】：2021-09-22 04:32:53
【问题描述】：

我正在使用 FileReader，我正在尝试，但我只获得了 FileName 和 FileFormat。

但是，我无法如何获取 folderName Soma07

有几个可用的模块，但我不知道如何让它在 React 中工作。

有人知道吗？

以下是我找到的示例：

      const [fileName, setfileName] = useState("")
      const upLoadImage = async (e) => {
        const file = e.target.files[0]
        const base64 = await convertBase64(file);
        console.log(base64);
        setfileName(file.name)
      }
      const convertBase64 = (file) => {
        return new Promise((resolve, reject) => {
          const fileReader = new FileReader();
          fileReader.readAsDataURL(file);
    
          fileReader.onload = (() => {
            resolve(fileReader.result)
          })
          fileReader.onerror = ((error) => {
            reject(error)
          })
        })
      }

【问题讨论】：

"fake path file input javascript" 是一个合理的搜索词。 TLDR - 这是一项安全功能。 "根据 HTML5 的规范，文件上传控件不应显示您选择的文件的真实本地路径"

标签： javascript node.js reactjs filereader

【解决方案1】：

出于安全原因，浏览器不允许获取文件路径。浏览器中的 JavaScript 无法访问文件系统。

【讨论】：