Skip to main content
se añadieron 250 caracteres en el cuerpo
Origen Enlace

EDIT IMG 1 (ANDROID) introducir la descripción de la imagen aquí

IMG 2 (ESCRITORIO) introducir la descripción de la imagen aquí

EDIT IMG 1 (ANDROID) introducir la descripción de la imagen aquí

IMG 2 (ESCRITORIO) introducir la descripción de la imagen aquí

se añadieron 74 caracteres en el cuerpo
Origen Enlace
alo Malbarez
  • 9.7k
  • 3
  • 12
  • 29
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==length == 0 ){
                nombreArchivo = "QR"
            }
            var filename = nombreArchivo+'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.');
    }
});

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.');
}
});

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.');
    }
});

Origen Enlace

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!