Задать вопрос
@Railchik
javascript

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

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


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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Лидсканнер\парсер для Telegram по поиску заказов по ключевым словам
25 апр. 2024, в 14:26
6000 руб./за проект
Разработать дизайн продающего лендинга
25 апр. 2024, в 14:21
15000 руб./за проект
Шаблон WP - настройка
25 апр. 2024, в 14:07
20000 руб./за проект
Ещё заказы