Дать браузеру понять,что изображение нужно скачать
 

Я хочу,чтобы при переходе в ту вкладку,изображение скачивалось на компьютер,точнее бразеру давало понять,что изображение нужно не смотреть,а скачать
Вот код,которым я пытался это сделать:

location.href="http://habrastorage.org/storage1/cf1a57bd/e7cc2b34/b9d6fc1d/0a19729c.jpg"

Ну как мы видем при переходе,оно само не начинает скачиваться,а нужно нажимать ПКМ => Сохранить изображение как

P.S Если что имеется JQuery,но это я так,вдруг пригодится

<canvas id="demo" width="500" height="400"></canvas>

	<script>
var ctx = demo.getContext('2d'),
    w = demo.width,
    h = demo.height,
    img = new Image();

img.onload = function() {

    ctx.drawImage(img, 0, 0, w, h);
    download(demo, 'test.png');
    
}

img.crossOrigin = 'anonymous';
img.src = 'http://i.imgur.com/bbQ7uxV.jpg';

/// download canvas as image
function download(canvas, filename) {
    
    if (typeof filename !== 'string' || filename.trim().length === 0)
        filename = 'Untitled';
    
    var lnk = document.createElement('a'),
        e;
    
    lnk.download = filename;		
    lnk.href = canvas.toDataURL();	
    
    if (document.createEvent) {
        
        e = document.createEvent("MouseEvents");
        e.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        
        lnk.dispatchEvent(e);
        
    } else if (lnk.fireEvent) {
        
        lnk.fireEvent("onclick");
    }
}

	</script>

5 минут гугла и можно найти множество решений. canvas, base64

Если картинка лежит на том же сайте (same-origin), то можно атрибутом download:

<a href="/forum/images/ca_serenity/misc/logo.gif" download="filename.jpg">скачать</a>

Поддержка хорошая, но не идеальная: https://caniuse.com/#feat=download

Да вроде сохранило у меня...

если в заголовке ответа у кроссдоменной картинки нет подходящего "Access-Control-Allow-Origin", то без помощи своего сервера никак не обойтись. Ну а в таком случае и канва не понадобится, сразу напрямую атрибут download