Estoy creando una aplicación web en la que cargo y muestro imágenes.
Quiero tener una función en la que el usuario pueda guardar las imágenes que cargó para poder volver a cargarlas en sesiones futuras sin tener que configurar todo manualmente nuevamente.
Para hacer esto, pensé en almacenar la URL de los archivos, pero parece que no puedo acceder a la URL de los archivos debido a la seguridad en la mayoría de los navegadores. ¿Hay algo que pueda hacer para guardar la URL de los archivos o algo similar para poder volver a cargar los archivos en futuras sesiones?
Idealmente, permitirá almacenar muchos archivos, por lo que es mejor guardar las rutas locales a las imágenes para que no consuma mucho espacio.
Para la aplicación estoy usando angular y tauri.
¿Alguien puede ayudar? ¡Muchas gracias por adelantado!
EDITAR: descubrí que hay una manera de hacer esto en tauri con el módulo de diálogo que puede encontrar aquí: https://tauri.studio/api/js/modules/dialog más información aquí: https://github.com/ tauri-apps/irónico/problemas/87
Si alguien lee esto y está usando electron en lugar de tauri, he leído que el objeto de archivo se agrega una propiedad de ruta, por lo que puede obtenerlo desde allí.
¡Gracias a todos por la ayuda!
Para almacenar imágenes descargadas por el usuario, necesita un backend. Si no desea ejecutar uno, puede intentar almacenar imágenes como data: direcciones URL en cookies o almacenamiento local, pero no funcionará bien.
Recientemente hice una funcionalidad para descargar archivos y compartir el código aquí
downloadFile(data, fileName) { const urlBlob = window.URL.createObjectURL(data); const link = document.createElement('a'); link.href = urlBlob; link.setAttribute('download', fileName); document.body.appendChild(link); link.click(); document.body.removeChild(link); }Puede utilizar cookies para almacenar datos. Los usuarios pueden bloquear o eliminar las cookies, pero la mayoría de los usuarios (ya que la mayoría de los usuarios usan Chrome) tienen las cookies habilitadas de forma predeterminada.
Puede almacenar una cookie haciendo
document.imageurl = "http://example.com";y acceder a él usando
console.log(document.imageurl); o algo similar (la variable se almacena en document.imageurl )
La variable permanecerá allí cuando se vuelva a cargar la página.