toDataURL () разрыв соединения SSL

Question

Моя проблема в том, что я использую метод canvas .toDataURL() для отображения предварительного просмотра изображения в Chrome и Firefox, но это вызывает предупреждение, потому что сайт подключен через SSL.

При отображении изображения с использованием toDataURL() появляется следующее предупреждающее сообщение:

На странице в ... отображается небезопасное содержимое из ....

Это толькоэто происходит в Chrome, поскольку chrome имеет эту блокировку рядом с защищенными веб-страницами: что приводит к тому, что зеленая блокировка в адресной строке меняет состояние на состояние предупреждения о том, что на этой странице есть ресурсы, которые не защищены.

Это ожидаемое поведение для toDataURL()?

Я не понимаю, почему это было бы небезопасно, поскольку я не извлекаю какие-либо данные через соединение HTTP или даже вообще не извлекаю какие-либо данныетак как все это делается с помощью JavaScript.Но я, вероятно, ошибаюсь, пожалуйста, исправьте меня.

Есть ли другой способ для меня убедиться, что я защищаю этот контент?Или чтобы не вызвать предупреждение?(И мне нужно использовать метод .toDataURL()?)

Answer 1

Откройте консоль Developer Tools в каждом браузере и найдите точный URL, который, по их утверждению, является небезопасным. Было бы очень удивительно узнать, что у любого браузера есть такая ошибка. IE7 и ниже имеют эту ошибку, но они вообще не поддерживают URL-адреса DATA.

Answer 2

Если вы отображаете изображение из незащищенного местоположения (file: //), вы не можете переместить его в безопасный контекст (https://), не сталкиваясь с ошибками. Это может привести к тому, что браузер сочтет его небезопасным.

Рекомендуемое чтение:

SECURITY_ERR: DOM-исключение 18 при использовании getImageData в расширении Chrome

HTML5 Canvas - Как работает источник-чистому флагу присвоено значение false?