腾讯云cos对象在线显示

时间:2021-10-28 19:22:38

问题

前端使用了一张cos的图片,但是无法显示图片,使用的是cdn的加速域名地址。

对比:使用服务器的直接域名是可以显示的。

两者地址直接访问时,一者在线显示,一者直接下载到本地。

原因:

使用默认提供的域名( CDN 加速域名和 COS 默认访问域名)访问资源时将始终弹出下载框。腾讯云文档

方法:

这里有两种方式

1.参考腾讯云官方方案,使用静态网站 +  自定义域名 腾讯云文档

静态网站功能

静态网站设置帮助用户设置对象的打开方式。开启此功能时,使用自定义域名访问对象会默认使用浏览器打开,不需要下载对象到本地。

静态网站设置仅在用户为存储桶设置了自定义域名时有意义,使用默认提供的域名( CDN 加速域名和 COS 默认访问域名)访问资源时将始终弹出下载框。只有存储桶 配置自定义域名并开启静态网站设置后,才可在浏览器中直接打开对象资源。

2. 配置 cdn 加速域名,并修改HTTP Header配置

讨论地址 及 http Header配置说明

设置Content-Disposition的值为 inline;filename=FileName.txt  

设置Content-Disposition的值为 inline;

无需设置下载默认文件名。否则无论什么文件下载时文件名都会是FileName.txt  

访问的URL一定要是COS的CDN地址

腾讯云cos对象在线显示

测试

腾讯云cos对象在线显示 vs 腾讯云cos对象在线显示

zip,apk

腾讯云cos对象在线显示

mp3,

腾讯云cos对象在线显示