代码之家 › 专栏 › 技术社区 › Nayantara Jeyaraj

下载生成的文件而不替换url的Javascript方法

reload download url file javascript

Nayantara Jeyaraj · 技术社区 · 8 年前

我正在努力生成一个文本&用户单击时的sql文件来自同一表单上文本区域中显示的查询。我编写了以下代码。但问题是,URL被替换,整个页面在下载后自动刷新。因此,无法执行连续操作。

Javascript方法

function download() {
      var element = document.createElement('a');
      var filename = document.getElementById("filenameInput").value;
      var text = document.getElementById("runquerytext").value;
      element.setAttribute('href', 'data:text/plain;charset=utf-8,' + text);
      element.setAttribute('download', filename);

      element.style.display = 'none';
      document.body.appendChild(element);

      element.click();

      document.body.removeChild(element);
}

如果有人建议我如何下载生成的文件而不重新加载/更改uri,我将不胜感激。

1 回复 | 直到 8 年前

n00b 8 年前

如果您希望有人下载文件而不刷新页面,我建议您使用iframe。页面正在重定向,因为“a”标记会在单击页面时重定向页面。因此,要解决这个问题,请使用javascript或图像标记生成动态iframe标记。例如:

    function download() {
     var element = document.createElement('iframe');
     var filename = document.getElementById("filenameInput").value;
     var text = document.getElementById("runquerytext").value;
     element.setAttribute('src', 'data:application/octet-stream;charset=utf-8,' + text);
     element.setAttribute('download', filename);
     element.style.display = 'none';
     document.body.appendChild(element);
    }

推荐文章

7BeholdeR7 · 文件夹的重量超过其中的文件(六倍)

3 年前

Clownpiece · 如何在python 3.8中反转txt文件?[已关闭]

3 年前

ColorfulYoshi · 如何在Tkinter中只打开一种格式的文件

3 年前

Kemper Lee · JAVAutil。扫描仪拒绝接受下一个(或任何)输入(已解决)

3 年前

Tomás Jullier · 我需要用python替换SQL文件中的某个数字

3 年前

ilteris · 为什么程序在fscanf后崩溃

3 年前

Peaceful · 使用fscanf读取C中具有未知行数的文件

3 年前

NOCi · 如何将Tensorflow的结果记录到CSV文件

3 年前

Oakzeh · 如何在字符串索引之前读取文件并删除字符

3 年前

Harjinder Singh · 将文件附加到Netsuite中的记录

3 年前