@Railchik

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

Подгружаю картинки с помощью 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
  • Вопрос задан
  • 2975 просмотров
Пригласить эксперта
Ответы на вопрос 3
var src=$('#you-source-image').attr('src')
Ответ написан
Вот работающий пример копирования src в новую картинку
jsfiddle.net/61xda7Ly

Код картинки взят отсюда https://blueimp.github.io/JavaScript-Load-Image/
Ответ написан
@Railchik Автор вопроса
Сделал на canvas
var ctx = document.getElementById('foto-path').getContext('2d');
 ctx.drawImage(document.getElementById(img_id),0,0);


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы