我知道如何在HTML中使用<a href="file.jpg" download="name">块,但恐怕这个项目不适用。
我想有一个下载链接,这将(毫不奇怪)下载一个文件。我还想在屏幕上设置一个文本框,允许用户为下载的文件命名。
这个网站看起来会是这样的:
Name:<input type="text" name="Name" value="Custon Name">
<br>
<button type="button">Download</button>
我希望<button>块使用onclick"function()"来下载文件。该函数将从文本框中获取文本,并在下载文件时使用它命名文件。我需要帮助的是找到一种使用Javascript或JQuery来命名文件的方法,就像download="name"那样。
我已经寻找了一段时间来做这件事,但没有运气。这个项目有可能吗?如果是的话,是如何做到的?
发布于 2017-06-15 00:49:11
发布于 2017-06-14 23:12:05
你当然可以。让我们动态地在页面中添加一个隐藏链接,然后单击它,从而模拟"download“属性的效果。
HTML:
Name:<input type="text" name="Name" id="myName" value="Custom Name">
<br>
<button type="button" onclick="download()">Download</button>联署材料:
function download() {
  var a = document.createElement("a");
  a.href = "myfile.png";
  a.download = document.getElementById("myName").value;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
}工作示例(在Chrome上测试):https://jsfiddle.net/72qepvng/
https://stackoverflow.com/questions/44555950
复制相似问题