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!