Actualización: Levanté un informe de error en Chromium . Esperemos que esta situación se pueda solucionar pronto.
Estoy tratando de crear una aplicación web que pueda modificar un directorio para instalar mods para un juego para el usuario. Utiliza FileSystemDirectoryHandle . Sin embargo, por alguna razón, usar .getDirectoryHandle("dirname", { create: true }) genera una excepción de
DOMException: An operation that depends on state cached in an interface object was made but the state had changed since it was read from disk. si arrastro el directorio a él. Si elijo el directorio usando window.showDirectoryPicker() , no sucede.
También solo sucede para directorios en .local y subcarpetas. En cuanto a cualquier cosa sobre ese directorio en particular, tiene drwx------ de ls -la . El uso de la utilidad lsd falla en cualquier cosa dentro del directorio .local , pero /usr/bin/ls funciona bien, y Nautilus también funciona bien allí. Si importa, estoy en Ubuntu y uso Chromium.
Aquí hay una página de demostración (debe estar alojada en localhost):
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Testing DragN'Drop</title> <style> body { background: #0a2d2e; color: #fff; font-family: system-ui, sans-serif; } </style> </head> <body> <p>Drag anywhere!</p> <button>Browse.</button> <script> addEventListener("dragover", (e) => e.preventDefault(), false); addEventListener("drop", (e) => { e.preventDefault(); e.dataTransfer.items[0].getAsFileSystemHandle().then(handleHandle); }); document.querySelector("button").onclick = async () => { const handle = await window.showDirectoryPicker(); handleHandle(handle); }; const handleHandle = (handle) => { console.log(handle); handle .getDirectoryHandle("never", { create: true }) .then(console.log) .catch(console.error); }; </script> </body> </html>(Entiendo que esta pregunta podría encajar más en otros sitios de Stack Exchange, pero pregunto aquí primero porque aún no conozco ninguno que encaje tan bien).
2 problemas
getAsFileSystemHandle . Siga estas instrucciones para que funcione con vscode. Suponiendo que usa vscode;openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout selfsigned.key -out selfsigned.crt { "liveServer.settings.https": { "enable": true, //set it true to enable the feature. "cert": "X:\\code\\selfsigned.crt", //full path of the certificate "key": "X:\\code\\selfsigned.key", //full path of the private key "passphrase": "1234" } }handleHandle debe declararse antes. // move this one to the top const handleHandle = (handle) => { console.log(handle); handle .getDirectoryHandle("never", { create: true }) .then(console.log) .catch(console.error); }; addEventListener("dragover", (e) => e.preventDefault(), false); addEventListener("drop", (e) => { e.preventDefault(); e.dataTransfer.items[0].getAsFileSystemHandle().then(handleHandle); }); document.querySelector("button").onclick = async () => { const handle = await window.showDirectoryPicker(); handleHandle(handle); };