使用腾讯云服务器储存图片方式

慈云数据 2023-08-10 网络资讯 514 0

图片常见的储存方式

方案一:存到自己公司购买的服务器

优点:好控制

缺点:成本高由于图片都存放到自己的服务器上,占据空间很大

方案二:存到三方云服务器阿里云七牛云腾讯云)

各种云有专门的为图片存储提供的云服务器,我们自己的服务器只存储图片地址即可

image.png

提前准备工作(腾讯云使用操作)1.创建账户并实名认证

image.png

2.开通对象存储

image.png

腾讯云端下载安装_腾讯云服务器安装教程_腾讯云服务器安装方法

image.png

3.创建存储桶

image.png

4.设置cors规则4.1 在存储桶列表中,选中存储桶

image.png

4.2 在左侧的菜单中选安全管理

真正的生产环境需要单独配置具体的域名和操作方法,以下方法是按照测试环境配置

image.png

5.配置云API秘钥

服务器属于个人的,需要一定的权限才能自由上传图片,这个负责权限验证的其实就是秘钥。拥有秘钥是进行上传的基础条件。

image.png

腾讯云服务器安装方法_腾讯云服务器安装教程_腾讯云端下载安装

image.png

安全提示

实际工作中,秘钥属于敏感信息,不能直接放到前端存储,容易产生安全问题,更好做法将秘钥交给后端管理,前端通过调用接口先获取秘钥,有秘钥后再进行上传操作。

图片组件准备

1、基于element上传组件,可以封装一个通用的上传组件供业务组件使用,用来把图片上传到cos中,组件有两个功能:

展示图片(初始显示图片)修改图片

image.png

前端主动发起图片上传使用的是三方的腾讯云上传接口,前端得到一个已经上传完毕的图片地址,然后把这个地址当成一个接口字段 传给我们自己的后端服务。

2、下载一个官方提供的操作cos服务的包(cos-js-sdk-v5)

3、用自己的密钥去实例化cos