jquery - 如何在 iframe 中设置 base64 pdf 的文件名？

Question

我有一份 base64 格式的报告 PDF，我想显示嵌入在 HTML 页面中的文件。为此，我使用 iFrame 并可以正常工作，但问题是我无法设置 PDF 的名称，以便在下载时将使用分配的名称保存。

我可以设置文件名吗？如果可以，我该怎么做？

这是我的代码:

var iFrameBlock = $("<iframe>").attr({
      "src": base64file_encode,
      "width": "100%",
      "height": "100%",
      "frameborder": "0"
});

$("#previewPDF").html(iFrameBlock);

结果: Preview of PDF

当我尝试下载文件时，要保存的名称是“download.pdf” Save dialog

我尝试了不同的方法，但都不起作用:

1. 添加属性download="filename.pdf"

      
      var iFrameBlock = $("<iframe>").attr({
         "src": base64file_encode,
         "width": "100%",
         "height": "100%",
         "frameborder": "0",
         "download": "filename.pdf"
      });
      
      

2. 我试图更改 iframe 中的值，但我可以找到正确的属性，但 Chrome 拒绝了该操作。

      
      var iframe = $("iframe")[0];
      var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
      //here I suppose is the label of the filename
      $(iframeDocument).find("viewer-pdf-toolbar");
      
      

但是，我想阻止使用任何其他库。

谢谢你的时间

Answer 1

iframe 元素无法做到这一点，但作为替代方案，您可以添加 anchor 标记。

var iFrameBlock = $("<iframe>").attr({
    "id": "iframe",
    "src": base64file_encode,
    "width": "100%",
    "height": "100%",
    "frameborder": "0"
});
var aTag = $("<a>Dwonload</a>").attr({
    "href": base64file_encode,
    "download": "yourName.pdf"
});
$("#previewPDF").html(iFrameBlock);
aTag.insertAfter($("#iframe"));