首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在iframe中设置base64 pdf的文件名?

如何在iframe中设置base64 pdf的文件名?
EN

Stack Overflow用户
提问于 2016-11-09 12:50:47
回答 1查看 12.3K关注 0票数 13

我在base64中有一个报告PDF,我想要显示嵌入在HTML页面中的文件。要做到这一点,我使用iFrame和工作,但问题是,我不能设置名称的PDF,以便在下载时,它将保存与指定的名称。

我可以设置文件名吗?如果是,我怎么做?

这是我的密码:

代码语言:javascript
运行
复制
var iFrameBlock = $("<iframe>").attr({
      "src": base64file_encode,
      "width": "100%",
      "height": "100%",
      "frameborder": "0"
});

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

结果:PDF预览

当我尝试下载该文件时,要保存的名称是"download.pdf“保存对话框

我尝试过不同的方法,但也不起作用:

  1. 添加属性download="filename.pdf" var iFrameBlock = $("").attr({ "src":base64file_encode,“宽度”:"100%",“高度”:"100%",“框架边框”:"0",“下载”:"filename.pdf“});
  2. 我试图更改iframe中的值,但是我可以找到正确的属性,而Chrome拒绝了这个操作。
代码语言:javascript
运行
复制
 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");

但是,我希望防止使用任何其他库。

谢谢您抽时间见我

EN

Stack Overflow用户

发布于 2017-11-16 11:58:30

iframe元素不能这样做,但作为替代,您可以添加锚标记。

代码语言:javascript
运行
复制
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"));
票数 -2
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40507464

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档