引用Amazon S3图片的img标签无法正常显示问题
解决S3图片在img标签中无法显示的问题
嘿,我一眼就发现问题所在啦!你在img标签的src属性里错误地用了url()包裹图片链接——这是CSS设置背景图片时才会用到的语法,完全不适合img标签的用法哦。
- 问题根源:混淆了CSS背景图与img标签的语法规则,
url()不属于img标签src属性的合法写法 - 修正后的正确代码:
<img src="https://s3.us-east-2.amazonaws.com/aaronstestbucketpnw/Abraham-lincoln-quote-internet-hoax-fake.jpeg" alt="Abraham Lincoln quote image">
- 补充提示:既然图片URL本身能正常访问,只要修正语法问题就能正常显示啦;如果后续还是有问题,可以再检查下S3存储桶的跨域资源共享(CORS)配置是否允许外部站点加载资源。
内容的提问来源于stack exchange,提问作者Aaron
相关产品推荐
相关产品推荐

