Aller au contenu principal

Objet File

Utilisation de l’API File de HTML5 pour travailler en mode natif avec les fichiers du système de fichiers.

Warning The path property that Electron adds to the File interface is deprecated and will be removed in a future Electron release. We recommend you use webUtils.getPathForFile instead.

L'interface File du DOM fournit une abstraction autour des fichiers natifs afin de permettre aux utilisateurs de travailler sur des fichiers natifs directement avec l'API HTML5 File. Electron a ajouté l'attribut path à l'interface File exposant ainsi le chemin réel du fichier dans le système de fichiers.

Exemple pour obtenir le chemin réel d'un fichier glissé-posé dans l'application :

<div id="holder">
Faites glisser votre fichier ici
</div>

<script>
document. ddEventListener('drop', (e) => {
e. reventDefault();
e.stopPropagation();

for (const f of e. ataTransfer.files) {
console. og('Fichier(s) que vous avez glissé ici : ', f.path)
}
});
document. ddEventListener('dragover', (e) => {
e.preventDefault();
e.stopPropagation();
});
</script>