Estoy tratando de encontrar una forma de almacenar imágenes en caché en la memoria del navegador. Intenté guardar su representación base64 en el almacenamiento local de la siguiente manera:
fr.readAsDataURL(blob) fr.onloadend = () => { const base64 = fr.result localStorage.setItem(today.toDateString(), base64) }Sin embargo, recibo el siguiente error :
QuotaExceededError: no se pudo ejecutar 'setItem' en 'Almacenamiento': establecer el valor de 'Mié. 29 de septiembre de 2021' superó la cuota.
¿Cómo puedo lograr esto?
Lo máximo que puede usar en localStorage es 5 MB, lo que, sinceramente, si sus imágenes tienen ese tamaño, será una mala experiencia para el usuario.
Deberías dejar que el navegador guarde la memoria caché automáticamente donde sea necesario, especialmente para el contenido multimedia, ya que son muy inteligentes en eso.
Base64 Puedo ver que es un problema, ¿hay alguna razón por la que no pueda proporcionar una URL en su lugar?
