Node.js 实现存储服务的下载功能【包含前后端代码】

简介: 上传和下载功能是存储服务非常基础的功能,也是存储服务日常使用过程中最常用的功能,比如阿里云的OSS、腾讯云的COS、百度云的BOS等。当然,我们也可以自己研发私有化的对象存储服务,那么就会涉及到除了自己处理客户端逻辑外,还需要自己处理服务器的上传和下载逻辑。

问题

解决

结尾

问题

上传和下载功能是存储服务非常基础的功能,也是存储服务日常使用过程中最常用的功能,比如阿里云的OSS、腾讯云的COS、百度云的BOS等。当然,我们也可以自己研发私有化的对象存储服务,那么就会涉及到除了自己处理客户端逻辑外,还需要自己处理服务器的上传和下载逻辑。

今天的问题就是讨论如何实现自定义的下载功能,涉及前端代码和后端代码。其实,服务器的开发语言非常丰富,常见的有 Golang、Node.js、PHP 等。今天的这篇文章以 Node.js 语言为例进行说明。

解决

下载功能

基于 Node.js 在服务端实现下载功能,还是非常简单的,只是代码在精益求精方面,还有很多功课可以做。接下来,我们针对不同的实现方法进行介绍。

前端代码

前端页面调用服务器的下载接口方法也非常的多,最简单的就是用 a 标签来实现,代码参考如下:

functiondownload(href, title) {
consta=document.createElement('a');
a.setAttribute('href', href);
a.setAttribute('download', title);
a.click();
}

因为本文的重点在于介绍服务器端的处理逻辑,前端页面的下载接口调用就不过多介绍了。

后端代码

  • 方法一、

使用 download 方法实现,这种方法是最简单的,我们只需要检测到文件存在,再将文件塞到 download 接口中就行啦。

varexpress=require('express');
varfs=require("fs");
varapp=express();
app.get("/api/download", download.single('file'), Admincontroller.getdownload);
// 下载函数一exports.getdownload=function (req, res) {
varid=req.query.id;
if (id=="") {
res.json({ success: 0, "error": "参数错误" });
return;
  }
// 根据 id 拼接文件名vardes="./public/resource/";
varfileName=des+id+".mp4";
varexist=fs.existsSync(fileName);
if (exist) {
res.download(fileName);
  } else {
res.json({ success: 1, "error": "目标文件不存在" });
  }
} 
  • 方法二、

使用 createReadStream 方法,该方法相较于第一种方法,稍微复杂一些,但是好处也是非常明显的,可以支持指定下载后目标文件的名字,比如服务器上的文件名称是 a.mp4,可以将下载后的文件名称保存为 b.mp4。同时,还可以保证字符统一,避免出现下载后文件名称是乱码的情况。

// 下载函数exports.getdownload=function (req, res) {
varid=req.query.id;
if (id=="") {
res.json({ success: 0, "error": "参数错误" });
return;
    }
// 根据 id 拼接文件名vardes="./public/resource/";
varfileName=des+id+".mp4";
//增加中文处理varfilenameex=filename+".mp4"varrealName=encodeURI(filenameex,"GBK")
realName=realName.toString('iso8859-1')
res.setHeader('content-Type','application/octet-stream');
res.setHeader('content-Disposition', `attachment;filename=`+realName);
varexist=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 签约作者,欢迎关注我分享更多干货!😄

目录
相关文章
|
3天前
|
数据采集 Web App开发 JavaScript
Puppeteer自动化:使用JavaScript定制PDF下载
在现代Web开发中,自动化工具如Puppeteer可显著提升效率并减少重复工作。Puppeteer是一款强大的Node.js库,能够控制无头Chrome或Chromium浏览器,适用于网页快照生成、数据抓取及自动化测试等任务。本文通过示例展示了如何使用Puppeteer自动化生成定制化的PDF文件,并介绍了如何通过配置代理IP、设置user-agent和cookie等技术增强自动化过程的灵活性与稳定性。具体步骤包括安装Puppeteer、配置代理IP、设置user-agent和cookie等,最终生成符合需求的PDF文件。此技术可应用于报表生成、发票打印等多种场景。
Puppeteer自动化:使用JavaScript定制PDF下载
|
11天前
|
编解码 前端开发 JavaScript
javascript检测网页缩放演示代码
javascript检测网页缩放演示代码
|
13天前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
11天前
|
存储 JavaScript 前端开发
改进JavaScript代码,给水果有序赋色
改进JavaScript代码,给水果有序赋色
|
13天前
|
存储 JSON JavaScript
JavaScript帮我编写快递自动分拣的代码,区分省份市区县城乡镇
JavaScript帮我编写快递自动分拣的代码,区分省份市区县城乡镇在JavaScript中编写一个用于快递自动分拣的代码,区分省份、市区、县、城乡镇,通常意味着你需要一个数据结构来存储这些地理区域的信息,并编写逻辑来根据快递地址中的信息将其分配到正确的分类中。 这里,我将提供一个简化的示例,说明如何使用JavaScript对象和函数来实现这一功能。请注意,这个示例是高度简化的,并且假设你已经有了某种方式(如正则表达式或API调用)来从快递地址中提取省份、市区、县等信息。 ----------------------------------- ©著作权归作者所有:来自51CTO博客作者goS
|
2天前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
|
2天前
|
JavaScript 前端开发
JavaScript分页功能
JavaScript分页功能
|
2天前
|
JavaScript 算法 内存技术
如何降低node.js版本(nvm下载安装与使用)
如何降低node.js版本(nvm下载安装与使用)
|
11天前
|
C++ Windows
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
|
11天前
用html+javascript打造公文一键排版系统14:为半角和全角字符相互转换功能增加英文字母、阿拉伯数字、标点符号、空格选项
用html+javascript打造公文一键排版系统14:为半角和全角字符相互转换功能增加英文字母、阿拉伯数字、标点符号、空格选项