专栏首页优惠券腾讯云对象储存cos的配置方法简单说明
原创

腾讯云对象储存cos的配置方法简单说明

COS是腾讯云提供的对象存储服务,功能非常强大,可以作为文件服务器,CDN加速,静态网页服务,还提供了图片的常用操作。相关API文档:https://cloud.tencent.com/document/product/436/7751

腾讯云新客专属福利2860元代金券

https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=09ff33cfb418db124451885bff0af0c4&from=console

腾讯云热卖云产品3折起

https://cloud.tencent.com/redirect.php?redirect=1014&cps_key=09ff33cfb418db124451885bff0af0c4&from=console

网站解决方案-3折特惠

https://cloud.tencent.com/redirect.php?redirect=1027&cps_key=09ff33cfb418db124451885bff0af0c4&from=console

1.申请腾讯云对象储存,免费没个月有10G流量,如果网站流量大,可付费购买 2.点击创建存储桶,如图

image.png

3.创建注意事项,如图

image.png

4.查找储存桶秘钥

image.png

5.获取默认项目的秘钥,不是总的秘钥

image.png

6.如果需要不同尺寸的缩略图则需要启用腾讯云的数据万象功能,如图

image.png

7.注意腾讯云的图像处理接口

download_url?imageView2/w/h/format/q/rq/lq
http://examples-1251000004.picsh.myqcloud.com/sample.jpeg?imageView2/1/w/400/h/600/q/85
http://examples-1251000004.picsh.myqcloud.com/sample.jpeg?imageView2/2/w/400/h/600/q/85!
http://examples-1251000004.picsh.myqcloud.com/sample.jpeg?imageView2/3/w/400/format/png

文档官方说明 https://cloud.tencent.com/document/product/460/6929 8.网站本身配置(pos为列子)

image.png

图片css js这些远程储存桶还是比较有意义的,比如我的服务器才1M带宽,这种页面加载图片这些很慢,几个人同时访问更是慢,把图片附件这些放cos的话,访问快很多!

1.借助koa2建立的服务端项目 的app.js

//app.js
const Koa = require('koa')
const multer = require('koa-multer')
const Router = require('koa-router')
const views = require('koa-views')
const path = require('path')
const fs = require('fs')
const COS = require('cos-nodejs-sdk-v5')
const app = new Koa()

//加载模板引擎
app.use(views(path.join(__dirname, 'view'), {
  extension: 'ejs'
}))

const router = new Router()
router.get('/', async (ctx, next) => {
  let title = 'hello koa2'
  await ctx.render('index', {
    title
  })
})

//文件上传
//配置
var storage = multer.diskStorage({
  //文件保存路径
  destination: function (req, file, cb) {
    cb(null, 'public/uploads/')
  },
  //修改文件名称
  filename: function (req, file, cb) {
    var fileFormat = (file.originalname).split("."); //以点分割成数组,数组的最后一项就是后缀名
    cb(null, fileFormat[0] + "." + fileFormat[fileFormat.length - 1]);
  }
})
//加载配置
var upload = multer({
  storage: storage
});

var cos = new COS({
  AppId: '1258336067',
  SecretId: 'AKID89vfPu7CzhGzVVSnBKFySkvwkLkyAuc6',
  SecretKey: 'SgfS1MSK4ZrwnPBhz70e3JLC0ay85nHW',
});

var tengxun_cos = {
  Bucket: '564297479-1258336067',
  Region: 'ap-hongkong',
}

//路由
router.post('/upload', upload.single('file'), async (ctx, next) => {
  // 文件路径
  var filePath = ctx.req.file.path
  // 文件类型
  var temp = ctx.req.file.filename.split('.');
  var fileType = temp[temp.length - 1];
  var lastName = '.' + fileType;
  // 构建图片名
  var fileName = temp[0] + lastName;
  //文件重命名 修改文件名称,可更改文件的存放路径。
  fs.rename(filePath, fileName, (err) => {
    if (err) {
      console.log('文件写入失败')
    } else {
      console.log(fileName)
      // let pathName = 'file-' + parseInt(1000000 * (Math.random() + 1)) + '/' + fileName // 随机文件夹名以避免同名文件覆盖
      var localFile = './' + fileName;
      var key = fileName;
      // 腾讯云 文件上传
      var params = {
        Bucket: tengxun_cos.Bucket,
        /* 必须 */
        Region: tengxun_cos.Region,
        /* 必须 */
        Key: key,
        /* 必须 */
        FilePath: localFile
      }
      cos.sliceUploadFile(params, function (err, data) {
        if (err) {
          ctx.body = {
            status: '0',
            msg: '上传失败',
            error: JSON.stringify(err)
          }
        } else {
          var imageSrc = `https://564297479-1258336067.cos.ap-hongkong.myqcloud.com/${data.Key}`
          ctx.body = {
            status: '1',
            msg: '上传成功',
            imageUrl: imageSrc
          }
          console.log('上传成功')
        }
      })
    }
  })


})

app.use(router.routes(), router.allowedMethods())
app.listen(5555, () => {
  console.log('Server is running at port 5555...')
})

image.png

2.借助express的框架的服务端项目

//server.js
//node.js 作为服务器端

var express = require('express'); //引入框架
var app = express();

//静态资源站
app.use(express.static('public'));

//__dirname 表示当前的文件目录下, 这个server.js文件在哪就代表在那个路径
app.get('/index.html', function (req, res) {
    res.sendFile(__dirname + '/' + 'index.html'); //注意dirname这个变量前面有两个下划线
});

app.get('/process_get', function (req, res) {
    //输出json格式
    var response = {
        'xuhengfeng1': req.query.first_name,
        'xuhengfeng2': req.query.last_name
    };
    console.log(response);
    res.end(JSON.stringify(response));
})

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

var cos = new COS({
    AppId: '1258336067',
    SecretId: 'AKID89vfPu7CzhGzVVSnBKFySkvwkLkyAuc6',
    SecretKey: 'SgfS1MSK4ZrwnPBhz70e3JLC0ay85nHW',
});

var tengxun_cos = {
    Bucket: '564297479-1258336067',
    Region: 'ap-hongkong',
}
var multer = require('multer')
var upload = multer({
    dest: './tmp/'
})
// 图片上传
app.all('/api/tengxun/upload2', upload.single('file'), function (req, res, next) {
    // 文件路径
    var filePath = './' + req.file.path;
    // 文件类型
    var temp = req.file.originalname.split('.');
    var fileType = temp[temp.length - 1];
    var lastName = '.' + fileType;


    // 构建图片名
    var fileName = Date.now() + lastName;
    // 图片重命名
    fs.rename(filePath, fileName, (err) => {
        if (err) {
            res.end(JSON.stringify({
                status: '102',
                msg: '文件写入失败'
            }));
        } else {
            var localFile = './' + fileName;
            var key = fileName;

            // 腾讯云 文件上传
            var params = {
                Bucket: tengxun_cos.Bucket,
                /* 必须 */
                Region: tengxun_cos.Region,
                /* 必须 */
                Key: key,
                /* 必须 */
                FilePath: localFile,
                /* 必须 */
            }
            cos.sliceUploadFile(params, function (err, data) {
                if (err) {
                    fs.unlinkSync(localFile);
                    res.end(JSON.stringify({
                        status: '101',
                        msg: '上传失败',
                        error: JSON.stringify(err)
                    }));
                } else {
                    fs.unlinkSync(localFile);
                    var imageSrc = 'https://564297479-1258336067.cos.ap-hongkong.myqcloud.com/' + data.Key;
                    res.end(JSON.stringify({
                        status: '100',
                        msg: '上传成功',
                        imageUrl: imageSrc
                    }));
                }
            });
        }
    });
})

var server = app.listen(3000, function () {
    var host = server.address().address;
    var port = server.address().port;
    console.log('应用实例,访问地址为http://%s:%s', host, port);
})

说白了借助node运行平台以及express或者koa2的web服务器框架,写前端的请求接口,提供前端去发起文件上下传的请求

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 腾讯云CDN开启SSL返回302

    使用腾讯云的CDN,配置好SSL后,开启强制HTTPS,默认是返回302的。但是不开启强制HTTPS,源站配置的HTTPS跳转貌似是无效的(首页)

    主机优惠教程
  • 做一个网站花多少钱?(附腾讯云优惠券)

    很多朋友都在问我做一个网站要花多少钱,其实现在做网站成本真的太低了,像我们自己要建个子站基本不花钱。一个域名多解析,服务器再配置一个站。那还需要花钱了。但是如果...

    主机优惠教程
  • 腾讯云负载均衡怎么用

    负载均衡,即暴露给用户的IP只有一个,后端机器故障上线先对用户无感知,后端机器可以根据性能差异调整权重,分配访问量。那么腾讯云负载均衡怎么用呢?不会的快来看看吧...

    主机优惠教程
  • 对象储存cos-腾讯云对象储存cos

    COS是腾讯云提供的对象存储服务,功能非常强大,可以作为文件服务器,CDN加速,静态网页服务,还提供了图片的常用操作。

    张天华
  • 当Kotlin遇见数据结构丨使用哈夫曼编码压缩文件

    哈夫曼编码是一种编码格式,属于可变字长编码的一种,该方法依照字符出现的概率来构建异字头的平均长度最短的码字,最终实现根据使用频率来最大化节省码字(字符)的存储空...

    码脑
  • Java11震撼发布了,我们该怎么办?

    Java11已经发布了,我们今天聊聊大家还停留在哪个版本呢?大家对于新版本的迅速的发布有什么想说的呢?

    好好学java
  • Linux Shell 中的 ()、(())、[]、[[]]、{} 怎么用是不是还傻傻分不清?

    ①命令组。括号中的命令将会新开一个子shell顺序执行,所以括号中的变量不能够被脚本余下的部分使用。括号中多个命令之间用分号隔开,最后一个命令可以没有分号,各命...

    昱良
  • Js基础教程之变量及数据类型

    基本类型:字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。

    老雷PHP全栈开发
  • DIY一个Sketch插件,生成猫猫狗狗的全家福

    最近朋友圈都在玩的全家福: ? 看了下是使用 cocos2D 引擎制作的, http://www.cocos.com/creator 主要是图片合成,利用前端...

    mixlab
  • Ramda 函数库参考教程

    学习函数式编程的过程中,我接触到了 Ramda.js。 我发现,这是一个很重要的库,提供了许多有用的方法,每个 JavaScript 程序员都应该掌握这个工具。...

    ruanyf

扫码关注云+社区

领取腾讯云代金券