Как реализовать автоматическую загрузку картинки?

Question

[Kusmich]

Есть код, который позволяет загрузить изображение, после того как скопировать url в инпут. Попытался вставить url после загрузки страницы в инпут. Но что-то не получается... Как правильно сделать?

Вот код:

<input placeholder="Введите урл картинки" autofocus type="text" id="myinput"/>

window.onload = function () {
 
 
    document.querySelector('input').addEventListener('input', function () {
           

        var link = document.createElement('a');

        link.href = this.value;

        link.download = 'yandex.png';

        link.click();

    }, false);
    var str = $("#myinput").val()
   var leed = "http://media.kg-portal.ru/images/shrek3/shrek3_46.jpg"
        $("#myinput").val(leed)

};

Вот весь код на фидле: jsfiddle.net/t52ka/126

Answer 1

[Григорий]

Какой то бред...
Надо загрузить картинку на сервер с URL-а? Или на локальный комп?
на комп просто:
$('input#myinput').change(function(){
window.open($('input#myinput').val());
});
На сервер сложнее, но не сильно...

Comments

[Kusmich]

Нужно чтоб пользователь, как раз таки не нажимал сохранить , а изображение , грузилось само. От например в моем коде оно грузится когда скопировать урл, при этом негрузится если урл из переменой вставляется в инпут. В этом и проблема.

[Григорий]

если урл из переменной вставляется, тогда лучше и вызывать обработчик жестко.
Как пример, код срабатывающий на нажатие Ctrl + V.

$(document).ready(function () {
var ctrl=false
$('input#myinput').keydown(function(e){
//alert(e.which); // можно использовать для определения кода клавиши.
if(e.which===17){ctrl=true;}
else if(e.which===86 && ctrl){loadIMG($(this).val());}
else ctrl=false;
});
});

function loadIMG(img){
var link = document.createElement('a');
link.href = img;
link.download = 'yandex.png';
link.click();
}

[Григорий]

https://jsfiddle.net/saedmfyh/