设置图片或者视频在浏览器中的访问行为

举报
华为云存储 发表于 2019/05/27 00:16:31 2019/05/27
1.3w+ 1 2
【摘要】 图片或者视频既可以默认在浏览器中打开访问,也可以选择默认下载。 华为云对象存储OBS提供了这项设置具体到某个对象文件,通过设置元数据Metadata即可实现。图片对于图片,一般的配置是可以在线显示,例如 营销图片分享、详情图片显示这种场景在元数据中配置:Content-Type 配置为image/gif 、 image/png、image/jpeg 等 , 按照图片类型实际设置Cont...

图片或者视频既可以默认在浏览器中打开访问,也可以选择默认下载。 华为云对象存储OBS提供了这项设置

具体到某个对象文件,通过设置元数据Metadata即可实现。

图片

对于图片,一般的配置是可以在线显示,例如 营销图片分享、详情图片显示

这种场景在元数据中配置:

Content-Type  配置为image/gif  、 image/png、image/jpeg  等 , 按照图片类型实际设置

Content-Disposition 配置为 inline 或者不配置(默认为inline)

界面配置如下

image.png

效果为图片直接显示

而如果需要默认行为作为附件下载,则需要配置

Content-Disposition 配置为 attachment

或者Content-Disposition可以配置为attachment;filename=somename.png  , 这样下载文件的时候就会默认命名为somename.png

界面配置如下:

image.png

视频

对于视频文件,一般也分为两种场景:在线观看、下载

类似图片的配置,下载需要Content-Disposition配置为 attachment

在线观看     (  大规模用户观看需要使用CDN 读取对象存储 ,少量播放可以直接使用对象存储)

这个场景的原理主要是依赖客户端浏览器的播放能力:

IOS、Android、IE10 、Chrome、Firefox等现代浏览器,会使用HTML5来播放这个视频

而一些古老的IE9、IE8会使用Flash来播放视频

所以视频能否直接播放,首要前置条件是视频本身的格式兼容各种浏览器

直接播放的配置如下:

Content-Type配置为: video/mp4 或者对应格式

Content-Disposition配置为inline

界面配置如下:

image.png

大多数场景不是通过控制台界面进行元数据的操作,

对象元数据可以通过  上传 或者 修改元数据  进行设置

上传对象API参考:

https://support.huaweicloud.com/api-obs/zh-cn_topic_0100846775.html

对应字段需要在Header中添加

修改元数据参考:   

https://support.huaweicloud.com/api-obs/zh-cn_topic_0137044900.html

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(1

抱歉,系统识别当前为高风险访问,暂不支持该操作
  • 作者头像

    lerry2023/09/27 07:12:281楼举报回复


    Content-Disposition 配置为 inline 或者不配置(默认为inline)

    图片这个不配不行,还是会下载,配置上就管用了

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。