32 lines
895 B
Markdown
32 lines
895 B
Markdown
|
# `File` Object
|
||
|
|
|
||
|
|
> Use a API `File` do HTML5 para funcionar nativamente com os arquivos do sistema.
|
||
|
|
|
||
|
|
|
||
|
|
A interface dos arquivos DOM promovem uma abstração dos arquivos nativos, permitindo que os usuários trabalhem em arquivos nativos diretamente com a API file do HTML5. O Electron adicionou um atributo `path` à interface `File` que exibe o caminho do arquivo no sistema.
|
||
|
|
|
||
|
|
Exemplo de como obter o caminho de um arquivo arrastado para a aplicação:
|
||
|
|
|
||
|
|
```html
|
||
|
|
<div id="holder">
|
||
|
|
Arraste e solte seu arquivo aqui
|
||
|
|
</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('Arquivo(s) arrastados: ', f.path)
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
```
|