当前位置：网站首页 > 技术教程 > 正文

MySQL的BLOB类型--小型文件系统

csdh11 2024-12-02 16:39 43 浏览

之前有个项目里需要用到文件系统来存储文件，由于是小型项目，也没有大文件要存，接个文件系统（比如阿里的OSS）不划算，就直接用MySQL来存了。

具体来说，MySQL有一个数据类型叫BLOB，可以存放类似于“文件二进制数据”的东西。文档、PDF、压缩包、excel等等都能支持，LongBlob的话最多可以存4G，当然实际不建议放大文件，毕竟要考虑效率问题。

用下来发现在这种小型需求里，或者是临时性的demo，BLOB使用简单方便，真的很香。

数据结构如下

当然了，用Navicat这样的工具是没法预览的，只能看到文件大小，如下

下面看看在前端如何存储及解析数据（示例为TypeScript语言）。

项目用到了Prisma，定义数据类型时使用Bytes就可以，如下

model File {
  id       String @id @default(uuid())
  fileName String @map("file_name")
  url      String
  content  Bytes
}

如果我们需要的数据是请求服务端接口获取的，我们可以使用如下所示的方式来接收

const response = await axios.postForm(
  `${process.env.SERVICE_URL}/file`,
  param,
  {
    responseType: "arraybuffer",
  }
);
const responseBuffer = response.data as Buffer;

然后封装成Buffer数据，存入数据库

content: {
  type: "Buffer",
  data: responseBuffer as any,
} as any

取的时候（一般是下载），我们可以像下面这样做

const fileReader = new FileReader();
fileReader.readAsDataURL(new Blob([Buffer.from(content)]));
fileReader.onloadend = () => {
  let a = document.createElement("a");
  a.download = fileName;
  a.style.display = "none";
  // 生成的base64编码
  let url = fileReader.result;
  a.href = url as string;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
};

关键是这一句new Blob([Buffer.from(content)])，就可以将数据解析出来啦。

是不是简单方便呢，如果有这样的需求，不妨考虑一下！

document.appendchild

上一篇：如何优雅的给网站加水印
下一篇：前端通过后台返回的字符流导出excel表格

MySQL的BLOB类型--小型文件系统

相关推荐

java:Cassandra入门与实战——下

广联达终于出免费造价软件了，这五款真好用，准确率高达100%

开源库libmodbus的用法

Tekla 2023钢结构设计软件安装教程附下载方法

立即下载Galaxy Z Flip 6和Fold 6的壁纸 - SamMobile

MySql中json类型数据的查询以及在MyBatis-Plus中的使用

配置GitLab流水线和门禁系统

推荐五个优秀的富文本编辑器富文本编辑器app

BIOS/UEFI模式下如何分区 uefi分区教程

亿图图示免费VIP会员兑换码激活码礼品券

MySQL的BLOB类型--小型文件系统

相关推荐

java:Cassandra入门与实战——下

广联达终于出免费造价软件了，这五款真好用，准确率高达100%

开源库libmodbus的用法

Tekla 2023钢结构设计软件安装教程附下载方法

立即下载Galaxy Z Flip 6和Fold 6的壁纸 - SamMobile

MySql中json类型数据的查询以及在MyBatis-Plus中的使用

配置GitLab流水线和门禁系统

推荐五个优秀的富文本编辑器 富文本编辑器app

BIOS/UEFI模式下如何分区 uefi分区教程

亿图图示 免费VIP会员兑换码激活码礼品券

推荐五个优秀的富文本编辑器富文本编辑器app

亿图图示免费VIP会员兑换码激活码礼品券