问题
上传和下载功能是存储服务非常基础的功能,也是存储服务日常使用过程中最常用的功能,比如阿里云的OSS、腾讯云的COS、百度云的BOS等。当然,我们也可以自己研发私有化的对象存储服务,那么就会涉及到除了自己处理客户端逻辑外,还需要自己处理服务器的上传和下载逻辑。
今天的问题就是讨论如何实现自定义的下载功能,涉及前端代码和后端代码。其实,服务器的开发语言非常丰富,常见的有 Golang、Node.js、PHP 等。今天的这篇文章以 Node.js 语言为例进行说明。
解决
下载功能
基于 Node.js 在服务端实现下载功能,还是非常简单的,只是代码在精益求精方面,还有很多功课可以做。接下来,我们针对不同的实现方法进行介绍。
前端代码
前端页面调用服务器的下载接口方法也非常的多,最简单的就是用 a 标签来实现,代码参考如下:
function download(href, title) { const a = document.createElement('a'); a.setAttribute('href', href); a.setAttribute('download', title); a.click(); }
因为本文的重点在于介绍服务器端的处理逻辑,前端页面的下载接口调用就不过多介绍了。
后端代码
- 方法一、
使用 download 方法实现,这种方法是最简单的,我们只需要检测到文件存在,再将文件塞到 download 接口中就行啦。
var express = require('express'); var fs=require("fs"); var app = express(); app.get("/api/download", download.single('file'), Admincontroller.getdownload); // 下载函数一 exports.getdownload = function (req, res) { var id = req.query.id; if (id == "") { res.json({ success: 0, "error": "参数错误" }); return; } // 根据 id 拼接文件名 var des = "./public/resource/"; var fileName = des + id + ".mp4"; var exist = fs.existsSync(fileName); if (exist) { res.download(fileName); } else { res.json({ success: 1, "error": "目标文件不存在" }); } }
- 方法二、
使用 createReadStream 方法,该方法相较于第一种方法,稍微复杂一些,但是好处也是非常明显的,可以支持指定下载后目标文件的名字,比如服务器上的文件名称是 a.mp4,可以将下载后的文件名称保存为 b.mp4。同时,还可以保证字符统一,避免出现下载后文件名称是乱码的情况。
// 下载函数 exports.getdownload = function (req, res) { var id = req.query.id; if (id == "") { res.json({ success: 0, "error": "参数错误" }); return; } // 根据 id 拼接文件名 var des = "./public/resource/"; var fileName = des + id + ".mp4"; //增加中文处理 var filenameex = filename + ".mp4" var realName = encodeURI(filenameex,"GBK") realName = realName.toString('iso8859-1') res.setHeader('content-Type','application/octet-stream'); res.setHeader('content-Disposition', `attachment;filename=` + realName); var exist = fs.existsSync(fileurl); if (exist) { fs.createReadStream(fileurl).pipe(res); } else { res.json({ success: 0, code: 1, "error":"目标文件不存在", }); }
结尾
基于 Node.js 实现存储服务的下载功能就介绍差不多了,昨天,我们讲了上传的问题。至此,一个存储服务的上传和下载功能就介绍完了。当然,存储服务并不单单这两个功能,比较基础的功能还有查询、删除、更新等功能,这些接口API的话,相对简单,就不过多介绍了。那么,今天的内容就这么多。大家好,我是 liuzhen007,中国邦德,中国一个会敲代码的邦德,欢迎大家关注我。
作者简介:????大家好,我是 Data-Mining(liuzhen007),是一位典型的音视频技术爱好者,前后就职于传统广电巨头和音视频互联网公司,具有丰富的音视频直播和点播相关经验,对 WebRTC、FFmpeg 和 Electron 有非常深入的了解,????公众号:玩转音视频。同时也是 CSDN 博客专家、华为云享专家(共创编辑)、InfoQ 签约作者,欢迎关注我分享更多干货!????