默认同源策略是否会拦截src为跨源地址的<img>标签请求?
问题解答
- 默认情况下,使用
<img>标签将src属性设置为其他源地址时,不会被默认的同源策略拦截。 - 该行为属于浏览器同源策略的常规豁免范围:同源策略不会限制
<img>、<script>、<link>、<video>这类嵌入型资源的跨源加载,仅会默认拦截以下场景的跨源操作:- 通过
fetch、XMLHttpRequest等API主动发起的跨源HTTP请求 - 对其他源页面的DOM节点进行读取、修改等操作
- 通过
注意:跨源图片仅能正常渲染展示,如果你需要对加载完成的跨源图片做进阶操作(比如通过Canvas绘制后读取像素数据、获取图片原始二进制内容等),仍然会受到跨源规则限制,需要资源服务端配置正确的CORS响应头才能正常执行操作。
内容的提问来源于stack exchange,提问作者VA1267
相关产品推荐
相关产品推荐

