【问题标题】:Angularjs: Create and download html fileAngularjs:创建和下载 html 文件
【发布时间】:2016-03-10 16:23:11
【问题描述】:

我需要创建一个带有表格的 html 文件并将其下载为 xls 文件。现在我们有一个指令,它需要一个表格并根据请求下载它,遗憾的是这个新页面有分页,我们只从服务器获取显示的数据,所以我们的指令不起作用。 所以现在我正在尝试从头开始创建一个 HTML 文档并在单击按钮时下载它。 我的代码是:

       var doc = document.implementation.createHTMLDocument("NuevoDocumento");
       var p = doc.createElement("p");
       p.innerHTML = "Prueba.";

这很简单,但我想在设计最终的 html 之前检查一切是否正常。 这似乎可以正确创建html代码,但我不知道如何将其下载为文件。

另外,我不确定这是不是最好的方法,所以欢迎提出任何建议。

谢谢,

艾克

【问题讨论】:

    标签: javascript html angularjs file download


    【解决方案1】:

    基本思想是在您单击以下载文件的链接上设置download 属性。文件内容可以设置为href属性值,为data: URL。

    我在 Plunker 上设置了一个工作示例:http://plnkr.co/edit/qDPFEoh00E08p11qGox6?p=preview

    请注意,我只在 Chrome 中对此进行了测试。

    【讨论】:

      猜你喜欢
      • 2013-08-11
      • 1970-01-01
      • 1970-01-01
      • 2011-01-09
      • 2011-12-19
      • 2012-10-05
      • 2016-12-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多