如何将文件作为可读流提供？

Question

我正在尝试创建一个提供静态文件的请求对象。 问题是：我需要做返回新响应（＆lt;可读流＆gt;）。但是，Node的fs.CreateReadStream返回readstream（node api），而不是readableStream（我相信这是Web API）。

从文件中的节点中生成readableStream的正确方法是什么？

上下文：

• 我正在使用remix.run。在remix.run中，我需要返回一个普通响应对象。普通的响应对象可以接受缓冲区或readableStream。
• 这是请求对象： https：/ /developer.mozilla.org/en-us/docs/web/api/request

Answer 1

对于任何发现此问题的人 - 您可以使用createAldableStreamFromReadable将readstream转换为可读，可用于创建wendment> wendment ：

import { createReadableStreamFromReadable } from '@remix-run/node';
import * as fs from 'fs';

export async function action() {
  const readableStream = fs.createReadStream('some-file.txt');
  return new Response(createReadableStreamFromReadable(readableStream));
}

Answer 2

我不确定我是否有所有要素可以理解返回新响应的原因（＆lt;可读流＆gt;），所以我假设您只需要在响应中发送文件。

混音具有我们所谓的“ 资源路由除了渲染组件（这种类型的路线都不会导出）以外，作为更通用的端点。您将能够导出可以管理不同请求方法并使用文件和标头返回新响应的加载程序。

采取此示例来自上面链接的文档想要渲染一个允许下载pdf的组件：

// app/routes/reports/$id.js

export async function loader({ params }) {
  return json(await getReport(params.id));
}

export default function Report() {
  const report = useLoaderData();
  return (
    <div>
      <h1>{report.name}</h1>
      <Link to="pdf" reloadDocument>
        View as PDF
      </Link>
      {/* ... */}
    </div>
  );
}

您会注意到＆lt; link to = =“ pdf” reloAddocument＆gt;其中“ pdf”与下面的路由匹配：

// app/routes/reports/$id/pdf.ts

export async function loader({ params }) {
  const report = await getReport(params.id);
  const pdf = await generateReportPDF(report);
  return new Response(pdf, {
    status: 200,
    headers: {
      "Content-Type": "app/pdf",
    },
  });
}

希望它对您有用，如果我猜正确了您需要什么！