创建一个弹出窗口,用户可以在保存文件时选择名称

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了创建一个弹出窗口,用户可以在保存文件时选择名称相关的知识,希望对你有一定的参考价值。

我有一个代码,用户可以保存txt文件。在我正在使用this.title +'txt'的函数中,但是根据请求,用户希望能够编写/选择文件的名称。为此,我在想一个带有输入文本字段的弹出框,在函数内部某处,而不更改现有的html。这意味着我只想在调用函数时这样做。可以吗?

html页面中的按钮

    <button _ngcontent-c1="" class="btn btn-success">Spara insats och odds</button>

在download.service.ts中

    // Specifies JSON download
    downloadJSON() {
      this.download(this.title + '.txt', this.JSON, this.fileText)
    }

    // Specifies XML download
    downloadXML() {
      this.download(this.title + '.xml', this.XML,   this.xmlFile['body']);
    }

    // Creates downloadable link and triggers download
    download(filename, type, text) {
      var element = document.createElement('a');
      element.setAttribute('href', type + encodeURIComponent(text));
      element.setAttribute('download', filename);

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

      element.click();

      document.body.removeChild(element);
    }
答案

Bootbox.js可以帮助你。

随着:bootbox.prompt(message, callback)

用一个简单的:

bootbox.prompt("This is the default prompt!", function(result){ console.log(result); });

您可以设置一个输入框,供用户填写所需的文件名。

Bootbox Prompt Examples

以上是关于创建一个弹出窗口,用户可以在保存文件时选择名称的主要内容,如果未能解决你的问题,请参考以下文章

PB中如何将数据窗口中的数据导出成excel表,就是添加导出控件中的代码该如何编写!

如何制作一个漂亮的 css 按钮

如何用VBS打开一个程序

wps表格有多个表格时怎样另存为其中单一的一个表格

ug修改实体名称

office outlook默认数据库文件保存在哪里