10

这是我的 HTML 代码，

<ul>
  <li> Download <a href="#">file1</a> </li>
  <li> Download <a href="#">file2</a> </li>
  <li> Download <a href="#">file3</a> </li>
</ul>

我想创建类似"href=filename.txt". "filename"文本文件及其内容需要根据点击的标签动态创建。

我使用 Web API 来获取 JSON 格式的数据，因此我认为安全性不应该成为问题。

4

2 回答 2

26

从HTML5开始，您可以使用data:URL和download属性的组合。例如，

<a href="data:text/plain;charset=UTF-8,Hello%20World!" download="filename.txt">Download</a>

或者，以编程方式，

<a id="programatically" href="#" download="date.txt">Download</a>


$("a#programatically").click(function() {
    var now = new Date().toString();
    this.href = "data:text/plain;charset=UTF-8," + encodeURIComponent(now);
});​

看这里。

不幸的是，download不完全支持属性并且data:URL 运行良好。

现在，为了获得更好的跨浏览器支持，您需要在服务器端动态创建文件。

于 2013-01-02T12:40:53.357 回答
6

您可以使用数据 URI，这是一个非常简单的示例：

<html>
<body>
<a href="#">click</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("a").click(function() {
        window.location.href = "data:text/plain;charset=UTF-8,Hello World";
    });
});
</script>
</body>
</html>

但是，您不能设置文件名。

于 2013-01-02T12:04:07.373 回答