如何用对象存储OSS来存储图片并用于网页的动态实时显示(以我博客的About页面的图片为例)

 

一.OSS相关的概念

        对象存储OSS是Object Storage Service的缩写,OSS具有与平台无关的RESTful API接口,您可以在任何应用、任何时间、任何地点存储和访问任意类型的数据。并且实时响应数据,很适合前端页面里面需要插入图片并实时访问的情况。相当于每刷新一次页面,都要对图片进行一次访问。

二.在网页中使用OSS存储的图片的方法(这里我只是简单演示,详情可以查看阿里云OSS的官方文档

1.购买任意一家云厂商的OSS对象存储服务,不会很贵。(本文以阿里云为例,博主的9元一年,够用就行)

 

2.创建Bucket(存储空间):相当于用来存储对象(Object)的容器,对象可以是图片、视频、文档……, 所有的对象都必须隶属于某个存储空间。存储空间具有各种配置属性,包括地域、访问权限、存储类型等。你可以根据实际需求,创建不同类型的存储空间来存储不同的数据。(注:开通之后读写权限可以修改为公共读,不然可能会出现无法访问。)

 

3.创建好存储空间之后就可以上传文件了。

 

4.创建好存储空间之后系统还会生成一个Bucket域名,就是你网页里面用来访问图片的地址,最后网页里面你要填写的地址就是Bucket域名加上你文件名,格式如:https:// leslieblog.oss-cn-beijing.aliyuncs.com/yourfilename.jpg

5.最后复制这个地址到你需要显示的网页代码处,如图.

 

6.最后的效果如图: