Discussion :

[Miska59]

Bonjour,

j'aimerai afficher sur un texte le répertoire en sélectionner un dossier sur le bureau.

mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
async function GetDir() {
	try {
		const dirHandle = await window.showDirectoryPicker({startIn: 'desktop'});
        if(dirHandle) {
			document.getElementById("Folder").value = dirHandle;
		}
	} catch (error) {
		alert('Erreur lors de la sélection du répertoire.');
	}
}
 
document.getElementById('FolderButton').addEventListener("click", GetDir);

il m'afficher un erreur lors de la sélection du répertoire dans alert. comment puis-je faire pour pour sélectionner un dossier en afficher son répertoire dans un texte qui s'appelle dans Folder?

[Doksuri]

developer.mozilla.org/en-US/docs/Web/API/Window/showDirectoryPicker d'apres la doc, ce n'est valable qu'en HTTPS, et surtout... c'est exeperimental, uniquement supporte par chrome.

sinon, je te conseil de passer par des console.log() et non des alert() pour debugger.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
const dirHandle = await window.showDirectoryPicker();
console.log(dirHandle); // FileSystemDirectoryHandle {kind: 'directory', name: 'test'}

[Miska59]

bonjour Doksuri,

merci d'avoir répondu. Voici ce que ça donne dans console.log :


avez-vous une solution pour sélectionner le dossier en affichent le répertoire du dossier dans un texte?

[Doksuri]

je vois dans ton screenshot, que tu utilises firefox ... ce n'est pas compatible firefox

[Miska59]

je trouver un API qui fonctionne avec Firefox avec showDirectoryPicker.

voici le code modifier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
async function GetDir() {
	const supportsFileSystemAccess = "showDirectoryPicker" in window && (() => {
		try {
			return window.self === window.top;
        } catch {
            return false;
        }
    })();
	if (supportsFileSystemAccess) {
		try {
			const directoryHandle = await window.showDirectoryPicker({startIn: 'desktop'});
			document.getElementById("Folder").value = directoryHandle.value
		} catch (err) {
			if (err.name !== "AbortError") {
				alert(err.name, err.message);
		    }
        }
	    return directoryHandle;
    }
	return new Promise((resolve) => {
    const input = document.createElement('input');
    input.type = 'directories';
    input.webkitdirectory = true;
    if ('showPicker' in HTMLInputElement.prototype) {
      input.showPicker();
    } else {
      input.click();
    }
  });
}

le lien du code original : https://web.dev/patterns/files/open-a-directory?hl=fr

est-il possible d'avoir le nom destination du dossier dans un texte?

[Miska59]

Bonsoir,

j'avais trouver ceci aussi : https://github.com/nwutils/nw-progra...-folder-select

le code ne fonctionne pas chez moi avec require.

mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
import { openFolderExplorer } from './folder-select/index.js';
 
function callback(selection) {
  if (selection) {
    document.getElementById("Folder").value = selection;
  } else {
    alert('Vous avez annulé la destination du dossier.');
  }
}
 
function GetFolder() {
    openFolderExplorer(window, {directory: 'Desktop', title: 'Sélectionnez un dossier dans lequel stocker le fichier.'}, callback);
}

button :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('FolderButton').addEventListener("click", GetFolder);

j'arrive pas à obtenir le application folder en sélectionnent le dossier. avez-vous une solution comment puis-je avoir le folder (voir image en dessous)?