koa 实现下载文件

比眉伴天荒 2023-06-01 05:55 9阅读 0赞

文件下载需要使用到koa-send这个插件，该插件是一个静态文件服务的中间件，它可以用来实现文件下载的功能。

1.下载页面

static/download.html

<!DOCTYPE html>
    <html>
    
    <head>
      <meta charset=utf-8>
      <title>文件下载演示</title>
    </head>
    
    <body>
    
      <div>
        <button οnclick="fileLoad()">文件下载</button>
        <iframe name="iframeId" style="display:none"></iframe>
      </div>
      <script type="text/javascript">
        function fileLoad() {
          window.open('/static/upload/pro_03.jpg', 'iframeId');
        }
      </script>
    </body>
    
    </html>

2.app.js 所有的代码改成如下：

// 引入模块
    const Koa = require('koa');
    const fs = require('fs');
    const path = require('path');
    const router = require('koa-router')();
    const koaBody = require('koa-body');
    const static = require('koa-static');
    const send = require('koa-send');
    
    // 实例化
    const app = new Koa();
    
    app.use(koaBody());
    
    router.get('/', (ctx) => {
      // 设置头类型, 如果不设置，会直接下载该页面
      ctx.type = 'html';
      // 读取文件
      const pathUrl = path.join(__dirname, '/static/download.html');
      ctx.body = fs.createReadStream(pathUrl);
    });
    
    router.get('/fileload/:name', async (ctx) => {
      const name = ctx.params.name;
      const path = `static/upload/${name}`;
      ctx.attachment(path);
      await send(ctx, path);
    });
    
    // 配置静态资源路径
    app.use(static(path.join(__dirname)));
    
    // 启动路由
    app.use(router.routes()).use(router.allowedMethods());
    
    // 监听端口号
    app.listen(3001, () => {
      console.log('server is listen in 3001');
    });

.

转载于:https://www.cnblogs.com/crazycode2/p/11111848.html

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关 koa 实现下载文件

文件下载需要使用到koa-send这个插件，该插件是一个静态文件服务的中间件，它可以用来实现文件下载的功能。 1.下载页面 static/download.html

比眉伴天荒/ 2023年06月01日 05:55/ 0 赞/ 10 阅读

相关 koa 实现上传文件

项目目录： ![1090399-20190725231656896-171850963.png][] 1.上传单个文件思路：（1）获取上传文件，使用 const f

╰半夏微凉°/ 2023年06月01日 05:54/ 0 赞/ 11 阅读

相关 js实现文件下载

1. window.location.href window.location.href = 'https://'; 2. window.location

╰+攻爆jí腚メ/ 2022年12月23日 00:50/ 0 赞/ 155 阅读

相关如何实现文件下载

大家好我是秋风，今天带来的主题是关于`文件下载`，在我之前曾经发过一篇文件上传的文章（[一文了解文件上传全过程（1.8w字深度解析，进阶必备][1.8w]），反响还不错，时隔多

清疚/ 2022年12月04日 01:25/ 0 赞/ 152 阅读

相关 ajax实现文件下载

ajax请求返回类型只有xml,String,json.使用response下载时如何用ajax实现? 第一步:将内容写入文件,返回文件存放路径. 第二步:在回调函数中创建

水深无声/ 2022年08月18日 11:52/ 0 赞/ 231 阅读

相关 response实现文件下载

假设web目录下有一个文件 ![SouthEast][] 程序如下 protected void doGet(HttpServletRequest requ

比眉伴天荒/ 2022年08月12日 00:28/ 0 赞/ 188 阅读

相关文件下载实现方法

文件下载实现方法实现代码： public void downLoadFile(){ // 得到要下载文件的文件读取流 InputStrea

叁歲伎倆/ 2022年06月15日 07:42/ 0 赞/ 255 阅读

相关实现中文文件下载

package cn.itcast.response; import java.io.FileInputStream; import java

Dear 丶/ 2022年05月16日 06:18/ 0 赞/ 188 阅读

相关 node实现文件下载

[请求头：referer，响应头：状态行、refresh、Content-Disposition、页面缓存][referer_refresh_Content-Dispositi

小鱼儿/ 2022年03月07日 10:42/ 0 赞/ 388 阅读

相关 koa文件上传下载

上传下载在web应用中是比较常见的，无论是图片还是其他文件。在koa2中，我们可以使用中间件帮助我们快速实现功能文件上传在前端上传文件，我们都是通过表单来上传，而上传文

谁践踏了优雅/ 2021年09月15日 23:42/ 0 赞/ 540 阅读