# 24.1. `File` 对象 > 使用 HTML5 的 `File` API 跟文件系统的文件原生工作 DOM 的 File 接口提供了对本地文件的抽象，以使用户直接使用 HTML5 文件 API 操作原生文件。Electron 已经添加了一个 `path` 属性到 `File` 接口，暴露文件在文件系统中的真实路径。 关于从一个拖动到应用中的文件获得真实路径的例子： ```html <div id="holder"> Drag your file here </div> <script> const holder = document.getElementById('holder') holder.ondragover = () => { return false; } holder.ondragleave = holder.ondragend = () => { return false; } holder.ondrop = (e) => { e.preventDefault() for (let f of e.dataTransfer.files) { console.log('File(s) you dragged here: ', f.path) } return false; } </script> ```