【问题标题】:How to download some text content as a .ftl file using javascript?如何使用 javascript 将一些文本内容下载为 .ftl 文件?
【发布时间】:2021-01-28 13:55:00
【问题描述】:

我有一些文本内容,来自一个 api 调用。单击按钮时,我想将该文本内容下载为 .ftl 文件。我使用了 "data:text/plain;charset=utf-8,",但是在使用它之后,我下载的文件为 .txt。我想下载为 .ftl 文件。

【问题讨论】:

  • 你是如何下载文件的?请在此处添加您的示例代码。
  • 试试这个小js library

标签: javascript html css angular


【解决方案1】:

你可以定义一个带有函数调用的表单:

<form onsubmit="download('file.ftl', [your.data])">
  <input type="submit" value="Download">
</form>

下载功能:

function download(filename, text) {
  var element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  element.setAttribute('download', filename);
  
  element.style.display = 'none';
  document.body.appendChild(element);

  element.click();

  document.body.removeChild(element);
}

【讨论】:

  • 为什么要显示一个输入标签并在点击它时创建一个锚元素。只需直接使用锚元素本身而不是输入!
猜你喜欢
  • 1970-01-01
  • 2011-09-25
  • 1970-01-01
  • 2010-10-24
  • 2013-07-07
  • 2023-03-14
  • 2016-10-18
相关资源
最近更新 更多