Перехват запроса загрузки изображения браузером

Question

Я хотел бы знать, существует ли способ перехватить запросы браузера на загрузку изображений и добавить некоторые заголовки запросов, ожидаемые сервером.

Фактический сценарий таков.Веб-приложение отправляет XHR на сервер и завершает аутентификацию.Все последующие запросы должны включать заголовок auth.Изображения повреждены, потому что браузер не отправляет заголовки для запросов изображений.

Заранее спасибо.

Answer 1

Вы можете запросить изображение, используя AJAX с соответствующими заголовками. Затем вы должны base64 кодировать двоичный файл изображения и вставить его в DOM, установив

<img src="data:image/png;base64,[base64 encoded image]" />

Answer 2

Существует способ перехватить запросы изображений в браузере: ознакомьтесь с Capturing API в Mobify.js: https://hacks.mozilla.org/2013/03/capturing-improving-performance-of-the-adaptive-web/

Answer 3

Нет, нет способа сделать это, и это тоже очень хорошая вещь.

(Ну, нет способа сделать это из вашего кода. Владелец браузера может установить инструмент, который изменяет запросы, если они того пожелают, конечно.)

Тот факт, что браузеры отправляют HTTP-запросы на скрипты и изображения по-своему строго, означает, что сайт, использующий XHR, может предотвратить некоторые виды CSRF-атак (подделка межсайтовых запросов), если сервер отклонит определенные запросы, если они t включает специальный заголовок, который добавляет собственный код XHR сайта.

Вы также не можете точно контролировать, что браузер делает с заголовком с сообщениями формы.