前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >nestJs 之 fileupload 自定义路径与文件名

nestJs 之 fileupload 自定义路径与文件名

作者头像
stormKid
发布2019-02-27 16:29:03
2.6K0
发布2019-02-27 16:29:03
举报
文章被收录于专栏:计算机编程

在写nest项目的时候,写到fileupload 这段时,根据官方文档,发现,上传过来的文件全部都变成了一串加密的编码,例如:

加密编码图示.png

于是本来在issue中希望能够找到解决方法,但是完全没办法解决这类问题。于是博主开始翻阅了nestJS的源码。

FileInterceptor 的 MulterOptions 源码.png

这里我们知道了,nest.js 使用的是multer 来封装的,所以我们可以直接使用multer类来进行自定义处理

根据此github 文档,我们可以直接在uploadController中书写:

代码语言:javascript
复制
import { Controller, Post, UseInterceptors, UploadedFile, FileInterceptor} from '@nestjs/common';
import multer = require('multer');
@Controller('upload')
export class UploadController {
    @Post()
    @UseInterceptors(FileInterceptor('file', {
        storage: multer.diskStorage({
            destination: (req, file, cb) => {
                cb(null, 'c:/Users/ke_li/Desktop/test/');
            },
            filename: (req, file, cb) => {
                cb(null, file.originalname);
            },
        }),
    }))
    async uploade(@UploadedFile() file) {
        return file;
    }
}

说明:destination类似于option字段 desk,指定uploadfile的目录,filename则是当前upload的file给予指定文件的文件名称, file.originalname 则是 file 在本地的文件名

于是我们获得了以下请求:

postman 请求.png

文件上传的目录

上传的文件.png

这样就完成了我们对文件目录及名称的自定义。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.01.28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档