JQuery Click Event

JQuery Click Event

by Hiren_Mangukiya

HTML

<button id="btnSave">Save Click</button>

JavaScript

$(document).ready(function () {

        $("#btnSave").click(
            function () {
                AlertSave("https://api.flomizfashion.com/Upload/ProductCImage/Original/ProductCImage_2993.jpeg");
            }            
        );
    });

function AlertSave(link){
    var url = link.getAttribute("data-href");
    var fileName = link.getAttribute("download");
    link.innerText = "Working...";
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.responseType = "blob";
    xhr.onload = function(){
        var urlCreator = window.URL || window.webkitURL;
        var imageUrl = urlCreator.createObjectURL(this.response);
        var tag = document.createElement('a');
        tag.href = imageUrl;
        tag.download = fileName;
        document.body.appendChild(tag);
        tag.click();
        document.body.removeChild(tag);
        link.innerText="Download Image";
    }
    xhr.send();
}