Как скачать изображение объекта на странице в виде файла в формате HTML?

Question

Как скачать изображение объекта на странице в виде файла в формате HTML?

0

Я динамически создаю изображение на странице с помощью dataURL,

    var aImg = document.createElement('img');
    aImg.setAttribute('src', dataURL);
    aImg.setAttribute('alt', 'pic');
    aImg.setAttribute('width', '438px');
    aImg.setAttribute('height', '267px');
    aImg.onclick = (function() {
         //download the image object
    })();

Я не уверен, что делать, чтобы загрузить этот объект изображения, который является PNG-изображением. Может кто-нибудь подсказки?

newbie 09 нояб. 2013, в 09:26

Источник

0

Какой у вас конкретный вопрос? URL-адрес данных уже содержит данные, поэтому не нужно ничего скачивать с сервера. Если вы хотите, чтобы изображение было видимым, вам нужно будет вставить его на свою страницу. Кроме того, здесь нет причин использовать .setAttribute() . Вы можете просто ссылаться на свойства напрямую, такие как aImg.src = dataURL;
jfriend00 09 нояб. 2013, в 07:58
0

Вы имеете в виду «загрузить», когда браузер отображает изображение, или «загрузить», datURL преобразован в обычный файл и сохранен на жестком диске пользователя?
Dan Goodspeed 09 нояб. 2013, в 07:59
0

@DanGoodspeed да, именно так, я хочу, чтобы у пользователя было изображение в виде файла изображения на диске
newbie 09 нояб. 2013, в 08:04

Показать ещё 1 комментарий

Теги:

html

html5

dom

1 ответ

Ещё вопросы

Какой у вас конкретный вопрос? URL-адрес данных уже содержит данные, поэтому не нужно ничего скачивать с сервера. Если вы хотите, чтобы изображение было видимым, вам нужно будет вставить его на свою страницу. Кроме того, здесь нет причин использовать .setAttribute() . Вы можете просто ссылаться на свойства напрямую, такие как aImg.src = dataURL;
Вы имеете в виду «загрузить», когда браузер отображает изображение, или «загрузить», datURL преобразован в обычный файл и сохранен на жестком диске пользователя?
@DanGoodspeed да, именно так, я хочу, чтобы у пользователя было изображение в виде файла изображения на диске

Madhavan Malolan · Accepted Answer · 2013-11-09T07-20-00.000Z

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

aImg.src = YOUR_URL

если вы хотите сохранить его в файл, вы переадресовываете shoud и позволяете обозревателю заботиться обо всем остальном. Переадресация JS может быть выполнена следующим образом:

window.location.replace(dataURL)

Если вы хотите, чтобы в браузере появилось всплывающее сообщение "Сохранить файл", ознакомьтесь с этой ссылкой: http://muaz-khan.blogspot.in/2012/10/save-files-on-disk-using-javascript-or.html

спасибо, ссылка, которую вы указали, была именно то, что я хотел :)