Img标签无法正常显示图片，单独打开图片链接可正常访问如何解决

问题描述 #

编写的IMG标签无法正常显示图片，暂无法定位问题原因。单独复制图片链接到新标签页打开时，图片可正常加载，尝试新增CSS类并设置宽高后问题仍未解决。

关联代码 #

@foreach (var theimg in Model.AdExtraImages)
{
    <img src="~/adimages/@theimg.AdId/@theimg.Image" class="the-extra-image"/>
}

参考信息 #

• 可正常访问的完整图片地址：https://localhost:44374/ads/4/adimages/1015/0f25eed4-1413-4854-96a7-6cdfb2300d9e_esresr.jpg
• 页面异常截图：
  

根因定位 #

该问题由广告拦截插件（adblocker）触发拦截规则导致：
你的图片存储路径、实体字段名中包含ad、adimages这类和广告高度相关的关键词，匹配到了adblocker的通用拦截规则，因此页面内嵌入的图片请求被拦截。而单独在新标签页打开图片时，广告拦截插件不会拦截独立的静态资源请求，因此图片可以正常加载。

解决方案 #

两种可选方案：

1. 临时适配方案：关闭当前站点的adblocker广告拦截规则，即可恢复图片正常显示
2. 永久兼容方案：调整图片存储路径的命名规则，避免使用ad这类容易被广告拦截插件识别的关键词，从根源避免被各类广告拦截工具误拦截。

内容的提问来源于stack exchange，提问作者Adam