利用nodejs后端传视频文件到服务器笔记

简介

被一个文件上传给整嘛了,如果是web前端上传视频只需拼接表单格式即可实现上传。而作为node后端,通过后端在后台无感上传,这里需要涉及到的知识点就有些多了,上传方式也大不一样了。后端文件上传有个好处就是无需用户主动操作。

终端代码

首先后端没有FormData这个函数,所以无法去new FormData。这个函数就是为了拼接表单结构的。所以我们先安装类似的插件

const FormData = require('form-data');

这样我们才能new 一个表单出来

const formData = new FormData()

其次就是文件的读取,后端没有input标签让用户去选择本地文件,所以后端只能通过fs来读取电脑里的文件。但是读取过来的文件要规定好格式,比如二进制格式。binary就是二进制格式。否则文件传入服务之后视频是无法正常打开的。

const videoData = fs.readFileSync(filePath,{ encoding: 'binary' });

然后直接将二进制流存入到表单中

formData.append('file', videoData);

最后直接将整个表单传递上去

复制代码
axios.post('/upload', formData, {
  headers: {
  'Authorization': obj.token
  }
 })

当然有人要问了,为什么不能直接就post然后接对象来存储传参呢?这样不简单多了吗?如下代码

axios.post('/upload', {file:videoData}, {

headers: {

'Authorization': obj.token

}

})

这里又要注意一个问题了,就是post传参的大小限制,哪怕我服务器放开了大小限制,但是此方法直接传参就是传不上去,报参数太大的错误。所以文件只能用表单的形式传递上去。

服务端代码

服务端这块需要单独再处理一次,与传统的上传不同的是,这次是直接传递的二进制。接受方式也是大大不同。web端表单上传过来的数据通过此接收。

const file = (ctx.request.files||ctx.request.file).file

而这里的file是一个对象,可以获取到里面的type,path,name而这里的path其实是服务器的临时的一个缓存位置。最后上传结束之后我们需要把缓存里的文件复制到我们对应的目录中的,并且还要删除这个临时的缓存。如果不删除这个文件,有可能被上传病毒上来,这个我在之前的文章有讲解过linux系统宝塔服务器temp文件夹里总是被上传病毒php脚本_宝塔 tmp-CSDN博客

而这次却不同了,这次直接二进制传递过来之后就不走缓存了。你也无需再读流写流了。

文件数据的获取直接从body参数里拿

const file = ctx.request.body.file

文件的大小判断需要用buffer里的函数

const size = Buffer.byteLength(file)

拿到这个二进制文件只需再写入到对应服务器的某个目录里就可以了

javascript 复制代码
fs.writeFile(path.join(config.static.path , filePathf), file,{ encoding: 'binary' }, (err) => {
       if (err) {
            console.error('写入文件时出错:', err);
            return;
      }
      console.log('文件写入成功');
});
相关推荐
v***91301 小时前
Spring boot创建时常用的依赖
java·spring boot·后端
海上彼尚3 小时前
无需绑卡的海外地图
前端·javascript·vue.js·node.js
Cosolar4 小时前
银河麒麟 / aarch64 系统:Docker + Docker Compose 完整安装教程
后端·程序员·架构
星释4 小时前
Rust 练习册 100:音乐音阶生成器
开发语言·后端·rust
摇滚侠4 小时前
零基础小白自学 Git_Github 教程,解决分支合并冲突,笔记14
笔记·git·github
kaliarch4 小时前
2025年IaC生态全景与实践指南:从工具选型到多云治理
后端·云计算·自动化运维
Coder-coco4 小时前
个人健康管理|基于springboot+vue+个人健康管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·mysql·论文
b***65324 小时前
springboot整合mybatis-plus(保姆教学) 及搭建项目
spring boot·后端·mybatis
5***E6854 小时前
Spring Boot与MyBatis
spring boot·后端·mybatis
x***01064 小时前
SpringSecurity+jwt实现权限认证功能
android·前端·后端