使用Javascript或JQuery的自定义下载名称

Question

我知道如何<a href="file.jpg" download="name">在HTML中使用该块，但是恐怕这不适用于该项目。

我想要一个下载链接，该链接将（不出所料）下载文件。我还要在屏幕上显示一个文本框，允许用户命名要下载的文件。

该网站将如下所示：

Name:<input type="text" name="Name" value="Custon Name">
<br>
<button type="button">Download</button>

我希望该<button>块onclick"function()"用于下载文件。该功能将从文本框中获取文本，并在下载文件时使用它来命名文件。我需要帮助的事情是找到一种使用Javascript或JQuery以相同方式命名文件的方法download="name"。

我已经寻找了一段时间，但没有运气。这个项目可能吗？如果是这样，怎么做？

Answer 1

您可以通过a动态创建元素并将输入的名称设置为其download属性来做到这一点：

function downloadIt() {
  var name = document.getElementsByName("Name")[0].value;
  if (name && name !=='') {
    var link = document.createElement('a');
    link.download = name;
    link.href ="file.png";  
    link.click();
  }
}

这是一个有效的演示，您也可以查看我关于使用 JavaScript 下载文件的答案。