如何使用javascript下载一些文本内容作为.ftl文件?

如何使用javascript下载一些文本内容作为.ftl文件?,javascript,html,css,angular,Javascript,Html,Css,Angular,我有一些文本内容,来自一个api调用。单击一个按钮,我想将该文本内容下载为.ftl文件。我使用了“data:text/plain;charset=utf-8,”,但在使用该文件后,我得到的下载文件是.txt。我想以.ftl文件的形式下载。您可以使用函数调用定义表单: <form onsubmit="download('file.ftl', [your.data])"> <input type="submit" value="

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

您可以使用函数调用定义表单:

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

如何下载文件?请在这里添加您的示例代码。尝试这个小js Why,甚至显示一个输入标记,然后单击它,创建一个锚元素。直接使用锚元素本身而不是输入!
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);
}