Estoy tratando de crear algo en mi proyecto, que muestre las imágenes que terminan con .png
Actualmente, tengo esta parte del código:
<h2>Files list :</h2> <p id="list"></p> <script> import 'path'; const EXTENSION = '.png'; const targetFiles = files.filter(file => { return path.extname(file).toLowerCase() === EXTENSION; }); if(targetFiles == "") { document.getElementById("list").innerHTML = "No images found."; } else { document.getElementById("list").innerHTML = targetFiles; } </script> El problema aquí es que no puedo encontrar una solución alternativa para el paquete de path que funcione para la web y que pueda ayudarme con esto.
No puede acceder a ningún sistema de archivos a través de una aplicación web, cliente o servidor, sin importar cuán "localmente en una PC" sea.
Para hacer el tipo de cosas que está describiendo, necesita una segunda aplicación para manejar la búsqueda y/o transferencia del sistema de archivos (presumiblemente, también desea ver las imágenes, ¿verdad?). Y luego las dos aplicaciones pueden comunicarse a través de llamadas AJAX o web-sockets para solicitar las búsquedas y descargar los archivos necesarios.
paso 1 para HTML
img src= para foto
paso 2
use Internet para buscar una imagen o vaya a la galería para encontrar una imagen vaya a su archivo
paso 3
use el img src para el ejemplo de imagen img src =a