[SOLUCIONADO] Como funciona este código? - JavaScript

[tjjow]

Yo tengo una imagen tomada en un canvas , y se la envió a este método. Lo transforma en formato 'png' y lo descarga.

(Utilizo AngularJS)

Código:

$scope.SaveToDisk = function (fileURL, fileName) {
    // for non-IE
    if (!window.ActiveXObject) {
        var save = document.createElement('a');
        save.href = fileURL;
        save.target = '_blank';
        save.download = fileName || 'unknown';

        var event = document.createEvent('Event');
        event.initEvent('click', true, true);
        save.dispatchEvent(event);
        (window.URL || window.webkitURL).revokeObjectURL(save.href);
    }

    // for IE
    else if ( !! window.ActiveXObject && document.execCommand)     {
        var _window = window.open(fileURL, '_blank');
        _window.document.close();
        _window.document.execCommand('SaveAs', true, fileName || fileURL)
        _window.close();
        }
    }

Y este es el HTML .

Código HTML:

<a ng-click="SaveToDisk(imagenLoca,'image.png')" class="btn btn-success"><strong>Descargar imagen</strong></a> 

Mi duda existencial, es entender que pasa con la imagen una vez que entra en el método y como sale en 'png' para descargar.

Desde ya, muchas gracias.

[siddartha23]

Dentro de la función SaveToDisk() estas creando un enlace <a> y le defines sus propiedades normales: 'href' , 'target' y 'download', luego creas un evento y haces un trigger a ese evento usando el enlace que habías creado.

Espero haber solucionado tu duda existencial :)

[tjjow]

Iniciado por siddartha23

Dentro de la función SaveToDisk() estas creando un enlace <a> y le defines sus propiedades normales: 'href' , 'target' y 'download', luego creas un evento y haces un trigger a ese evento usando el enlace que habías creado.

Espero haber solucionado tu duda existencial :)

Y está parte ?

Código:

var event = document.createEvent('Event');
        event.initEvent('click', true, true);
        save.dispatchEvent(event);
        (window.URL || window.webkitURL).revokeObjectURL(save.href);

[siddartha23]

En esa última parte es donde creas el evento y lo ejecutas en el objeto 'save' que es un enlace que tiene un atributo descargable...