C：\ fakepath \ image.jpg如何将本地文件上传到html文件输入

Question

我正在尝试创建一个拖放图像上传器。但是，我发现在接收本地文件路径时，浏览器会读取一些内容 C:\fakepath\image.jpg。

我认为这是浏览器的安全功能。

我应该采用更安全的方式接近这个吗？如果没有，有什么工作？

以下是我正在使用的代码。

脚本

handlePhotoChange = e => {
    const photo = e.target.value;
    let file = new File([""], photo);
}

HTML

<input type="file"
    name="photo"
    id="photo"
    accept="image/*"
    onChange={this.handlePhotoChange}
    className="create-content__form--upload" 
/>