Skip to main content
1 de 3

Problema con javascript en android

Tengo un problema con la descarga de mi QR. En navegadores de escritorio, funciona perfectamente en cambio en navegadores de android o iOS no funciona. Adjunto código JS

document.getElementById("download").addEventListener('click', (e) => {
  

    e.preventDefault();
var source = document.getElementById("contenedorQR").children[1].src;



e.preventDefault();
var source = document.getElementById("contenedorQR").children[1].src;

// Verificar que el src realmente apunta a una imagen
if (source.startsWith("data:image") || /\.(jpg|jpeg|png|gif)$/.test(source)) {
    fetch(source)
        .then(res => res.blob())
        .then(blob => {
            // Crear un enlace de descarga
            var a = document.createElement('a');
            var url = window.URL.createObjectURL(blob);
            a.href = url;

            // Forzar la extensión correcta
            var extension = blob.type.split('/')[1];
            let nombreArchivo = prompt("Ingrese el nombre del archivo a guardar")
            if(nombreArchivo.length== 0){
                nombreArchivo = "QR"
            }
            var filename = nombreArchivo+'.' + extension;
            a.download = filename; // Nombre del archivo con la extensión correcta
            document.body.appendChild(a);
            a.click();

            // Limpiar
            window.URL.revokeObjectURL(url);
            document.body.removeChild(a);
        })
        .catch(err => console.error('Error al descargar la imagen: ', err));
} else {
    console.error('El source no apunta a una imagen válida.');
}
});

Lo que deseo hacer con este codigo es: Generar un QR (Se genera perfecto) y descargarlo como .png. Repito, en escritorio funciona perfectamente, en cambio en android me da como que el atributo SRC está vacío y no descarga nada.

Gracias!