JavaScript Загрузить изображение из ссылки [дубликат]

Question

JavaScript Загрузить изображение из ссылки [дубликат]

В Python 3.x / означает деление с плавающей запятой и может давать небольшие ошибки округления. Используйте // для целочисленного деления.

ans = a // (b*c)

40

javascript

задан Derek 朕會功夫 1 December 2015 в 09:33

2 ответа

Как пояснил @Ian , проблема в том, что jQuery's click() не совпадает с исходным.

Поэтому рассмотрим использование vanilla-js вместо jQuery:

var a = document.createElement('a');
a.href = "img.png";
a.download = "output.png";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);

Демо

41

ответ дан Community 15 August 2018 в 23:36

1

Почему нисходящий? Это потому, что недостаточно jQuery ? – Oriol 6 May 2015 в 20:28
2

Я подтверждаю ваш комментарий и ваш ответ. Даунвиты без объяснений не помогают. – Justin Force 10 June 2015 в 23:03
3

Спасибо @Oriol. Мне нравится ваниль! – Vikram Deshmukh 23 October 2015 в 13:40
4

Зачем добавлять к телу вообще? Кажется, он работает нормально, не делая этого. Пример: jsfiddle.net/azw08zt5/135 – Jsilvermist 24 June 2017 в 13:37
5

@Jsilvermist Не работает на Firefox, если я не вставляю ссылку в дерево. – Oriol 2 April 2018 в 18:58

Другие вопросы по тегам:

javascript

Похожие вопросы:

Почему нисходящий? Это потому, что недостаточно jQuery ? — Oriol, 6 May 2015 в 20:28
Я подтверждаю ваш комментарий и ваш ответ. Даунвиты без объяснений не помогают. — Justin Force, 10 June 2015 в 23:03
Спасибо @Oriol. Мне нравится ваниль! — Vikram Deshmukh, 23 October 2015 в 13:40
Зачем добавлять к телу вообще? Кажется, он работает нормально, не делая этого. Пример: jsfiddle.net/azw08zt5/135 — Jsilvermist, 24 June 2017 в 13:37
@Jsilvermist Не работает на Firefox, если я не вставляю ссылку в дерево. — Oriol, 2 April 2018 в 18:58

score 65 · Accepted Answer

Проблема заключается в том, что jQuery не запускает собственное click событие для элементов <a>, так что навигация не происходит (нормальное поведение <a>), поэтому вам нужно сделать это вручную. Для почти всех других сценариев запускается собственное DOM-событие (по крайней мере, попытка - это попытка try / catch).

Чтобы запустить его вручную, попробуйте:

var a = $("<a>")
    .attr("href", "http://i.stack.imgur.com/L8rHf.png")
    .attr("download", "img.png")
    .appendTo("body");

a[0].click();

a.remove();

DEMO: http://jsfiddle.net/HTggQ/

Соответствующая строка в текущем источнике jQuery: https://github.com/jquery/jquery/blob/ 1.11.1 / src / event.js # L332

if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) &&
        jQuery.acceptData( elem ) ) {

65

ответ дан drzaus 15 August 2018 в 23:36

1

Может ли это быть помещено внутри .each ()? Я могу только загрузить одно изображение за раз, используя эту технику, возможно, что-то связано с перегрузкой переменной ... – bafromca 19 June 2014 в 19:45
2

Я не думаю, что вам нужно прикрепить / удалить его из DOM - вы должны просто позвонить $('<a>').attr(...)[0].click() – drzaus 2 July 2014 в 15:55
3

или еще лучше, нет jquery - jsfiddle.net/HTggQ/95 – drzaus 2 July 2014 в 16:17
4

@ user963936 Похоже, что с Firefox 20 разрешены только те же URL-адреса для атрибута download ( developer.mozilla.org/en-US/docs/Web/HTML/Element/… ). Если вы проверите DOM после запуска сценария, похоже, что Firefox преобразует тег в <img>, а затем jQuery теряет ссылку на него (почему .remove()), похоже, ничего не делает. Изменение href для указания ресурса на сайте jsfiddle, похоже, работает в Firefox. – Ian 6 May 2015 в 14:16
5

Спасибо! что помогает – user963936 7 May 2015 в 00:02