前端把textarea中的文字以txt的格式上传到服务器

144 阅读1分钟

业务场景

前端textarea中的文字太多传输给后端数据库存储压力太大。

解决方案

前端把textarea中的文字以txt形式上传到文件服务器,数据库只记录文件id或者文件地址

处理思路

查看前端上传txt到服务器走的接口,

如下图:

image.png 前端走接口的时候走的是二进制文件流, 那么我们只需要把textarea中的文字转换成 二进制文件流走接口就可以了

具体实施

const blobTextValue = "我是textarea中的文字"
const fileName='我是文件名称'
const myFiles = new File([blobTextValue],`${fileName}.txt` )
const fd = new FormData()
fd.append('files', myFiles)
// uploadFile上传方法进行上传操作
uploadFile(fd).then(res=>{
// 得到上传后的文件信息
})