Как изображение из другого домена добавить в CANVAS?

Question

[zkrvndm]

Существуют ли хаки, позволяющие скачать изображение с другого домена БЕЗ применения прокси?
Мельком как-то видел пару упоминаний, что есть лайфхаки позволяющие это делать, но без деталей.

Comments

[Виталий Архипов]

Что конкретно нужно не пойму, куда скачать? Добавить в canvas можно с помощью context.drawImage

[zkrvndm]

Виталий Архипов, я знаю, вот только это не будет работать с изображениями из других доменов.

[zkrvndm]

Виталий Архипов, а вы попробуйте потом это изображение вытащить в виде Blob или Base64 и ничего у вас не выйдет.

[Виталий Архипов]

Надим Закиров, Вы объясните, конечная цель какая. Если не отобразить в canvas и не отправить на сервер, то что сделать нужно с этим base64 или blob?

[zkrvndm]

Виталий Архипов, base64 будет потом использовать при генерации страниц, которые я положу в zip-архив и отдам юзеру.

Answer 1

[Mors Clamor]

А в чем проблема скачивать на сервер и через время удалять?

Comments

[zkrvndm]

В том что сервер мой, а он не резиновый. Хочу чисто нативный способы найти и не говорите мне, что это в принципе невозможно - сколько раз я это уже слышал, а потом оказывалось, что существует обходной путь.

[Mors Clamor]

Надим Закиров, я не говорю, что невозможно, я о том, что в вашем случае особой необходимости в этом нет. Скачали, обработали - выплюнули ссылку. Ссылку использовали - файл удалили. Не использовали - через 10 минут удалили. Так или иначе, чтобы получить содержимое файла с другого сервера надо делать запрос к тому серверу и хранить где-то данные. А вообще-то, на бэкэнде просто делается запрос через curl например, читается в оперативку и там обрабатывается. Ну навскидку.

[Mors Clamor]

Надим Закиров, да и необязательно на бэке, можно и через ajax я думаю

[zkrvndm]

66demon666, Я НЕ ХОЧУ ИСПОЛЬЗОВАТЬ БЭК. Это принципиальный момент, я не могу сдать заказчику UserScript, который завязан на мой сервер и без него сдохнет.

Answer 2

[Виталий Архипов]

https://developer.mozilla.org/ru/docs/Web/HTML/COR...

Как только вы рисуете на холсте любые данные, которые были загружены из другого источника без одобрения CORS, холст становится испорченным. Испорченный холст - это тот, который больше не считается безопасным, и любые попытки получить данные изображения с холста вызовут исключение.

Попытка обратиться к ним, когда холст испорчен, приведет к возникновению ошибки безопасности SecurityError. Это защищает пользователей от доступа к личным данным с помощью изображений для извлечения информации с удаленных веб-сайтов без разрешения.

Если сайт, с которого происходит скачивание, не выставит специальные настройки CORS, сделать этого не получится.

Comments

[zkrvndm]

Я про то и говорю. Однако давно я как-то видел намеки что есть лайфхаки для обхода данного ограничения. Вот, ищу эти лайфхаки.

[Виталий Архипов]

Надим Закиров, Непонятно, откуда должны взяться лайфхаки, разве что временные баги браузеров.