文章/答案/技术大牛

发布

社区首页 >问答首页 >带有Javascript或JQuery的自定义下载名称

问带有Javascript或JQuery的自定义下载名称
EN

Stack Overflow用户

提问于 2017-06-14 22:54:11

回答 2查看 7.6K关注 0票数 5

我知道如何在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"那样。

我已经寻找了一段时间来做这件事，但没有运气。这个项目有可能吗？如果是的话，是如何做到的？

javascript

jquery

html

Stack Overflow用户

回答已采纳

发布于 2017-06-15 00:49:11

可以通过动态创建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();
  }
}

这是一个Demo，您也可以通过JavaScript查看my answer的文件下载。

票数 5

查看全部 2 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44555950

复制

相似问题

问带有Javascript或JQuery的自定义下载名称
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有Javascript或JQuery的自定义下载名称EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有Javascript或JQuery的自定义下载名称
EN