Mozilla pdf.js，如何指定下载文件名？

Question

我将包含以下代码的 php 文件的位置作为参数传递给

viewer.html

文件，并且它显示正确，但是当单击 pdf 查看器中的下载按钮时，文档名称始终为

document.pdf

。这会带来一个问题，因为有多少移动用户在下载文件时却发现他们的所有文件都具有名称

document.pdf

并且他们（对于大多数移动浏览器）无法在下载之前更改文件名。

我是否必须向文件传递一些任意参数或重定向到自身并附加文件名？

<?php
$content = "a binary representation of my pdf";
header("Content-type: application/pdf");
header('Content-Transfer-Encoding: binary');
header('Content-Disposition: attachment; filename="someFile.pdf"');
echo $content;
?>

Answer 1

我也遇到了同样的问题。来自pdf.js的viewer.js源：

function getPDFFileNameFromURL(url) {
  var reURI = /^(?:([^:]+:)?\/\/[^\/]+)?([^?#]*)(\?[^#]*)?(#.*)?$/;
  //            SCHEME      HOST         1.PATH  2.QUERY   3.REF
  // Pattern to get last matching NAME.pdf
  var reFilename = /[^\/?#=]+\.pdf\b(?!.*\.pdf\b)/i;
  var splitURI = reURI.exec(url);
  var suggestedFilename = reFilename.exec(splitURI[1]) ||
                           reFilename.exec(splitURI[2]) ||
                           reFilename.exec(splitURI[3]);
  if (suggestedFilename) {
    suggestedFilename = suggestedFilename[0];
    if (suggestedFilename.indexOf('%') != -1) {
      // URL-encoded %2Fpath%2Fto%2Ffile.pdf should be file.pdf
      try {
        suggestedFilename =
          reFilename.exec(decodeURIComponent(suggestedFilename))[0];
      } catch(e) { // Possible (extremely rare) errors:
        // URIError "Malformed URI", e.g. for "%AA.pdf"
        // TypeError "null has no properties", e.g. for "%2F.pdf"
      }
    }
  }
  return suggestedFilename || 'document.pdf';
}

因此 majic 需要通过

reURI

正则表达式来自 URL。

你需要做的是：

http://domain.com/path/to/Named.pdf
http://domain.com/path/to/your/api?fileId=123&saveName=Named.pdf

由于上面的正则表达式代码，每一个都会导致另存为文件名

Named.pdf

。

Answer 2

基于评论

您可以将其添加到使用 viewer.js 文件的任何位置。

setTimeout(() => {
  // Wait for PDFViewerApplication object to exist
  PDFViewerApplication.setTitleUsingUrl('custom-file.pdf');
}, 10);

然后，当您下载 PDF 时，它将具有该文件名

Answer 3

就我而言，它仅在我更改查看器代码本身时才起作用，因为pdf以blob格式在iframe的src中传递，我使用Nuxt js 3。我提取并将lib文件放在公共文件夹中。

在文件 /public/pdfjs-4....-dist/web/viewer.mjs 我进行了以下更改：

首先找到函数 async run(config) {...} 并进行以下更改

然后找到 async function open(args) {...} 并进行以下更改

现在，当您在 iframe src 中传递 fileName=NamedFile.pdf 参数时，将以该名称下载文件。

<template>
<div class="h-full w-full">
    <ClientOnly>
        <iframe
            v-if="documentUrl"
            class="rounded-md border border-slate-400"
            title="PDF"
            width="100%"
            :height="telaMenor ? '360rem' : '660rem'"
            :src="`/pdfjs-4.6.82-dist/web/viewer.html?file=${documentUrl}&fileName=${fileName}.pdf`"
        ></iframe>
    </ClientOnly>
</div>

这解决了我的问题，但我希望将来他们会为此目的改进库。