一段代码，koa上传文件，上传文件到腾讯云

最新推荐文章于 2024-05-10 21:46:03 发布

⑥②

最新推荐文章于 2024-05-10 21:46:03 发布

阅读量929

点赞数 2

分类专栏： Nodejs 一段代码系列文章标签： koa nodejs html 上传文件

本文链接：https://blog.csdn.net/lw001x/article/details/106565449

版权

Nodejs 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

一段代码系列

16 篇文章 0 订阅

订阅专栏

上传图片文件对于内容管理的项目来说是一段最基本的代码，对于使用Nodejs开发来说，这段代码在配置上来说就相对的简单了不少，先不管性能上与其他框架来说有什么差距，起码对于小的项目来说，Nodejs作为web服务是一个不错的选择。

前端：form表单上传图片文件，KindEditor配置上传

服务端：Koa、koa-body 接收文件

上传到服务器目录

这里使用koa-body对文件上传进行配置，配置如下：

var koaBody = require('koa-body')
app.use(koaBody({
    multipart: true,
    formidable: {
        maxFileSize: 2000 * 1024 * 1024    // 设置上传文件大小最大限制，默认2M
    }
}))

配置好koa-body之后，我们就可以在路由方法中进行上传文件的操作，读取上传文件并保存到我们需要保存的路径当中

let file = ctx.request.files.file  // file就是前端传过来的文件名称
        let uppath = file.path  // 上传服务器的缓存路径
        
        // 创建可读流
        let reader = fs.createReadStream(uppath);

        //创建文件名
        let newFilename = new Date().getTime()+'.'+file.name.split('.')[1];
        
        // 文件保存路径
        let filePath = path.join(__dirname, 'public/upload/') + `${newFilename}`;
        
        // 创建可写流
        let upStream = fs.createWriteStream(filePath);
        
        // 可读流通过管道写入可写流
        reader.pipe(upStream);

        ctx.body = {
            error:0,
            url:`/upload/${file.name}`
        }

下面是前端页面，包括form表单上传文件，和KindEditor配置上传文件。

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
    <title>上传文件页面</title>
</head>
<body>

<form action="/upload" method="post"
      enctype="multipart/form-data">
    <!-- name是在服务端接收文件的名称 -->
    <input type="file" name="file"  />
    <input type="file" name="file2"   />
    <input type="submit" name="submit" value="Submit" />
</form>


<textarea id="editor_id" name="content" style="width:700px;height:300px;">
</textarea>
</body>
<script src="js/kindeditor/kindeditor-all-min.js"></script>
<script>
    KindEditor.ready(function (K) {
        window.editor = K.create('#editor_id', {
            uploadJson: '/upload',
            filePostName: 'file',  // 服务端接收文件的名称
            allowFileManager: true,
            allowFlashUpload: false,
        });
    });
</script>
</html>

上传到腾讯云存储

首先需要安装腾讯云提供的sdk

npm i cos-nodejs-sdk-v5

安装好腾讯云提供的上传文件的sdk之后，就可以对文件进行上传，下面就是使用cos上传文件的一个简单方法。

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

const cosUtil = {
    cos: null,

    Bucket: 'img-2342423424',  // 存储桶名称
    Region: 'ap-shanghai',   // 存储桶区域
    Prefix: '',   // 路径前缀

    // 初始化配置
    init(config) {
        if(config){
            this.Bucket = config.Bucket || this.Bucket;
            this.Region = config.Region || this.Region;
            this.Prefix = config.Prefix || this.Prefix;
        }

        // 下面两个密钥，需要在腾讯云获取
        this.cos = new COS({
            SecretId: '***************',   // 密钥id
            SecretKey: '*******************'  // 密钥key
        });
    },

    putObject(param, callback) {
        return new Promise((resolve, reject) => {
            this.cos.putObject({
                Bucket: this.Bucket, /* 必须 */
                Region: this.Region,    /* 必须 */
                Key: param.key,              /* 必须 */
                Body: param.buffer, /* 必须 */
            }, function (err, data) {
                if (err) {
                    reject(err);
                    return;
                }
                resolve(data)
            });
        })
    }
}


module.exports = cosUtil

我们可以对上面的koa路由方法进行简单的修改，就可以将我们上传的文件再上传到腾讯云存储

// 首先引用上传的工具方法
const cosUtil = require('./cosUtil')


// 下面就是对koa路由方法进行的修改

let file = ctx.request.files.file
let uppath = file.path
// 创建可读流
let reader = fs.createReadStream(uppath);

let newFilename = new Date().getTime() + '.' + file.name.split('.')[1];

cosUtil.init()
        
let cosResult = await cosUtil.putObject({
    key: `upload/${newFilename}`,
    buffer: reader,
})

ctx.body = {
    error: 0,
    url: `https://${cosResult.Location}`
}

⑥②

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
一段代码，koa上传文件，上传文件到腾讯云

上传图片文件对于内容管理的项目来说是一段最基本的代码，对于使用Nodejs开发来说，这段代码在配置上来说就相对的简单了不少，先不管性能上与其他框架来说有什么差距，起码对于小的项目来说，Nodejs作为web服务是一个不错的选择。前端：form表单上传图片文件，KindEditor配置上传服务端：Koa、koa-body接收文件上传到服务器目录这里使用koa-body对文件上传进行配置，配置如下：var koaBody = require('koa-body')app.use...
复制链接

扫一扫

专栏目录