# 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> ```