img标签图像cors跨域获取资源

先说一下问题背景：先用img标签展示了某一图像资源，然后后续业务中用get请求获取同一图像资源（存在跨域），但是由于对图像有缓存，img标签获取资源时的请求response header中没有access-control-allow-*相关字段，当后续get请求时同一资源默认走了缓存，然鹅就跨域报错了~

由此就又学到了一点，怎么给img标签获取资源时response header添加跨域access-control-allow-*相关字段，使用crossorigin属性。

crossorigin

img的这个属性可以控制是否支持cors来获取图像资源，该属性支持两个值：anonymous 和 use-credentials

anonymous

执行一个跨域请求获取资源，但不可以携带cookie、证书或者 HTTP 基本验证信息

use-credentials

跨域请求获取资源，可以携带cookie、证书或者 HTTP 基本验证信息

<img src='xxxx' crossorigin='anonymous' >

img标签图像cors跨域获取资源相关推荐

Cors跨域(一)：深入理解跨域请求概念及其根因
Talk is cheap. Show me the money. 前言你好,我是YourBatman. 做Web开发的小伙伴对"跨域"定并不陌生,像狗皮膏药一样粘着几乎每位同学 ...
CORS跨域资源共享 1
1. 接口的跨域问题 (1)编写的 GET 和 POST 接口,存在一个很严重的问题:不支持跨域请求. 解决接口跨域问题的方案主要有两种: ① CORS(主流的解决方案, 推荐使用 ) ② JSONP ...
php csrf jsonp,读取型CSRF（JSONP劫持、CORS跨域资源读取、Flash跨域劫持）
我们只熟悉写入型csrf,像修改用户信息--今天介绍一下读取型CSRF,使用DoraBox这个靶场来演示一波! 地址:https://github.com/Acmesec/DoraBox JSONP劫 ...
CORS跨域时axios无法获取服务器自定义的header信息 - 番外篇
已解决CORS跨域时axios无法获取服务器自定义的header信息?! 先看代码: // 登录后的表单提交ajaxRegisterApi: function (form) { var key = l ...
CORS——跨域请求那些事儿
[本期嘉宾介绍]睿得,具有多年研发.运维.安全等IT相关从业经历.目前从事CDN.存储.视频直播点播的技术支持.喜爱钻研,喜爱编码,喜爱分享. 在日常的项目开发时会不可避免的需要进行跨域操作,而在实际 ...
【编程不良人】快速入门SpringBoot学习笔记06---RestFul、异常处理、CORS跨域、Jasypt加密
1. RestFul 配套视频:[编程不良人]2021年SpringBoot最新最全教程_哔哩哔哩_bilibili 1.1 引言 REST全称是(Resources) Representationa ...
cors跨域资源共享】同源策略和jsonp
在执行下面那段代码的时候,我遇到了一个跨域资源共享的问题 <!doctype html> <html> <head> <meta charset=" ...
什么是跨域？跨域请求资源的方法有哪些？
1.什么是跨域? 由于浏览器同源策略,凡是发送请求url的协议.域名.端口三者之间任意一与当前页面地址不同即为跨域.存在跨域的情况: 网络协议不同,如http协议访问https协议. 端口不同,如80 ...
CORS跨域资源共享漏洞
目录同源策略解决跨域问题的方案 CORS CORS原理 CORS漏洞攻击流程 CORS漏洞案例演示 CORS漏洞挖掘思考漏洞危害漏洞修复跨域资源共享 (CORS) 是一种浏览器机制,可以对位 ...

img标签图像cors跨域获取资源

crossorigin

anonymous

use-credentials

img标签图像cors跨域获取资源相关推荐

最新文章

热门文章