小编Jur*_*aro的帖子

尝试使用 React 和 Express 在另一个选项卡中打开 .pdf 时显示空白内容

我正在尝试在存储在服务器文件系统中的另一个选项卡中打开 .pdf(我正在使用 Express、React 和 MySQL)。当用户单击“查看”按钮时,displayCV将执行该函数,并打开一个新选项卡,但 .pdf 内容为空白,即使新选项卡显示 .pdf 包含的正确页数。

流程是这样的:

作业项目.jsx

const displayCV = async (e) => {
   e.preventDefault();
   await displayCurriculum();
};
Run Code Online (Sandbox Code Playgroud)

JobContext.js

const displayCurriculum = async () => {
  const { id } = params;

  const response = await axios.get(`/api/jobs/${id}/cv`);
  // console.log(response);

  const file = new Blob([response.data], {
    type: "application/pdf",
  });

  const fileURL = URL.createObjectURL(file);
  const pdfWindow = window.open();
  pdfWindow.location.href = fileURL;
};
Run Code Online (Sandbox Code Playgroud)

后端看起来像这样:

jobRoutes.js

const express = require("express");
const router = express.Router();
const { displayCurriculum } …
Run Code Online (Sandbox Code Playgroud)

javascript pdf express reactjs react-context

3
推荐指数
1
解决办法
3157
查看次数

标签 统计

express ×1

javascript ×1

pdf ×1

react-context ×1

reactjs ×1