在 React Dropzone 中获取本地文件路径

Posted

技术标签:

【中文标题】在 React Dropzone 中获取本地文件路径【英文标题】:Get local file path in React Dropzone 【发布时间】:2020-03-26 02:47:00 【问题描述】:

谁能帮我告诉我,我如何在通过 React.js 中的 React-Dropzone 上传文件时知道本地文件路径?

【问题讨论】:

【参考方案1】:

浏览器不允许获取客户端的本地文件路径,因为这存在安全风险。有些浏览器只返回文件名,而有些可能会返回类似

C:/fakepath/filename

浏览器会负责上传。您的网站不需要知道客户端机器上文件的完整路径。没有人希望他们的本地磁盘结构暴露在网络上。

简而言之,不可能。如果您能解释为什么需要完整路径,可能会有所帮助?

【讨论】:

我认为主要要求是在使用 react-dropzone 时,我们希望通过 react-dropzone 显示我们选择的图像

以上是关于在 React Dropzone 中获取本地文件路径的主要内容,如果未能解决你的问题,请参考以下文章

使用 cloudinary 更改 React-Dropzone 图像上传中的文件名

PHP 无法获取通过 Dropzone 上传的文件?

使用 React-dropzone 拖放空文件夹

react-dropzone 两次打开文件选择器

如何使用 Jest 和 react-testing-library 测试 react-dropzone?

React dropzone-将文件拖动到dropzone上时触发dragLeave事件