Javascript: как скопировать превью картинок в формате blob?

Question

[Railchik]

Подгружаю картинки с помощью JavaScript-Load-Image На страничку добавляется

<img width="150" height="112" src="blob:df80b758-ac33-474b-9650-63cf05b446aa">

Мне нужно создать дупликат. Средствами jquery(c помощью дублирования HTML не хочет), копированием src у тега img тоже. Как задублиовать изображение, чтобы оно отображалось?
Upd1
Была проблема: надо было подгружать картинки (превью) до того, как они отправятся на сервер. Картинок много. Для каждой картинки вводилась инфа. Сначала создавал img с src = "data:image/jpeg;base64,/9j/4AA...." . НО после 30-35загруженных фоток браузер вешался намертво.Поэтому решил попробовать другое.
Upd 2
В итоге ушел на canvas

Answer 1

[Александр]

var src=$('#you-source-image').attr('src')

Comments

[Александр]

все прекрасно дублируется
var _copy = $('#you-source-image').clone()

[Railchik]

нет, как HTML он дублируется и копиуется, но вот изображение нет("Не возможно загрузить указанный URL")

Answer 2

[Андрей Малиновский]

Вот работающий пример копирования src в новую картинку
jsfiddle.net/61xda7Ly

Код картинки взят отсюда https://blueimp.github.io/JavaScript-Load-Image/

Comments

[Railchik]

Нет, не работает. В FireFox через Firebug задублировал картинку и она не отобразилась.

[Андрей Малиновский]

Вы удивитесь, но код картинки с сайта https://blueimp.github.io/JavaScript-Load-Image/ копировал именно через FireFox -> Firebug. На jsfiddle пример работает. Возможно вы скопировали не весь код в src.

[Railchik]

Пример который я привел, в src лежит blob:df80b758-ac33-474b-9650-63cf05b446aa, а у вас data:image/png;base64,... В том и дело, что не копируется.

Answer 3

[Railchik]

Сделал на canvas

var ctx = document.getElementById('foto-path').getContext('2d');
 ctx.drawImage(document.getElementById(img_id),0,0);

Ответы выше не помогли, но лайк за помощь.