如何将图片数据存到三方云服务器

我不想上班呀
199 阅读2分钟

「这是我参与2022首次更文挑战的第15天，活动详情查看：2022首次更文挑战」。

当自己的服务器存储空间不够大的时候，就可以将图片数据存到三方云服务器，各种云有专门的为图片存储提供的云服务器，我们自己的服务器只存储图片地址即可。

常见的三方云服务器：阿里云、腾讯云、百度智能云、七牛云 ... 等等(一般新用户都会有免费体验)

以腾讯云为例，接下来就介绍一下具体的操作步骤

腾讯云官方地址

第一步-注册或登录

注册需要实名认证、为了防止不法分子上传违规的信息

image.png

第二步-点击控制台，开通对象存储

image.png

第三步- 创建存储桶

区域选择离自己最近的地方（距离近速度快）

访问权限可以按照自己的需求来选择

image.png

再连续点击下一步下一步即可完成创建

第三步-设置cors规则

在存储桶列表中，选中存储桶

image.png

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

因为我们是在测试上传，全部容许上传即可，真正的生产环境需要单独配置具体的域名和操作方法

image.png

第四步 - 配置云API秘钥

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

image.png

点击即可新建密钥

image.png

安全性提示

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

第五步 - 具体使用

点击SDK下载，再点击对应的语言快速入门查看文档

image.png

文档中有详细的使用步骤，可以根据自己的需求，来进行使用

我们就拿js来举例 对应的文档

文档上提供了两种安装SDK方式

image.png

在代码调试的时候经常使用的 配置项 就非常的简单（若使用此格式，请避免泄露密钥。）

var COS = require('cos-js-sdk-v5');

// SECRETID 和 SECRETKEY请登录 https://console.cloud.tencent.com/cam/capi 进行查看和管理
var cos = new COS({

        //绑定密钥
    SecretId: 'SECRETID',
    SecretKey: 'SECRETKEY',
});

上传对象

cos.putObject({
    Bucket: 'examplebucket-1250000000', /* 必须 */
    Region: 'COS_REGION',     /* 存储桶所在地域，必须字段 */
    Key: 'exampleobject',              /* 必须 */
    StorageClass: 'STANDARD',
    Body: fileObject, // 上传文件对象
    onProgress: function(progressData) {
        console.log(JSON.stringify(progressData));
    }
}, function(err, data) {
    console.log(err || data);
});

//data.Location  可以查看返回的地址

上传完整之后就可以在存储桶中看到上传的数据

1.png

加油加油！！

努力学习！！

avatar
文章
阅读
粉丝