是否可以使用Javascript等将用户输入的数据写入HTML文本文件中,而无需将其上传到服务器?

时间:2018-11-28 17:37:16

标签: javascript php html

我正在尝试创建一个站点,用户在其中输入一些数据(字符串)到输入框或表单中,然后将该信息放入用户C驱动器中的.txt文件中。任何人都有不涉及先将其上传到服务器的任何代码,或者这是我唯一的选择吗?

我目前无法访问我的代码,但是我一直在尝试多种形式和对象创建等,但到目前为止还没有运气。

1 个答案:

答案 0 :(得分:1)

很难完全理解您要做什么,但是类似这样的事情应该能够将输入中的文本存储到Blob中,然后允许您将其作为.txt文件下载而无需任何上传:< / p>

    +----+------------+------------+------------+------------+

    | ID |   Udate    | last_code  | Ddate      | Difference |
    +----+------------+------------+------------+------------+
    |  1 | 05/11/2018 | ACCEPTED   | 13/10/2018 |     2      |
    |  1 | 03/11/2018 | ATTEMPT    | 13/10/2018 |     2      |
    |  1 | 01/11/2018 | INFO       | 13/10/2018 |     10     |
    |  1 | 22/10/2018 | ARRIVED    | 13/10/2018 |     7      |
    |  1 | 15/10/2018 |   SENT     | 13/10/2018 |     2      |
    +----+------------+------------+------------+------------+

HTML:

    function createFile() {
      var a = document.getElementById("download");
      var text = document.getElementById('text').value
      var file = new Blob([text], {type: 'text/plain'});
      a.href = URL.createObjectURL(file);
      a.download = 'myFile.txt';
    }

document.getElementById('create').addEventListener('click', createFile);

Working codepen

您应该能够轻松地编辑以上内容,以便从任何地方输入文本或根据需要命名文件,但是我认为示例中的关键只是利用Blob API