首页 >web前端 >js教程 >JavaScript 如何将数据写入文件以供下载?

JavaScript 如何将数据写入文件以供下载?

DDD
DDD原创
2024-12-26 03:22:09970浏览

How Can JavaScript Write Data to a File for Download?

在 JavaScript 中将数据写入文件

虽然 JavaScript 本身不支持文件写入,但仍然可以通过巧妙使用 Blob 来实现和 URL.createObjectURL。

浏览器允许使用这些方法创建文件。但是,出于安全考虑,禁止直接保存创建的文件。相反,可以向用户提供下载链接。浏览器可能支持“下载”属性,该属性允许您建议文件名。

下面的代码提供了从给定文本生成文本文件的功能:

var makeTextFile = function (text) {
  var data = new Blob([text], {type: 'text/plain'});
  return window.URL.createObjectURL(data);
};

启动从文本区域下载,您可以使用以下代码:

var create = document.getElementById('create'),
    textbox = document.getElementById('textbox');

create.addEventListener('click', function () {
  var link = document.createElement('a');
  link.setAttribute('download', 'info.txt');
  link.href = makeTextFile(textbox.value);
  document.body.appendChild(link);

  // simulate mouse click on link to start download
  var event = new MouseEvent('click');
  link.dispatchEvent(event);
  document.body.removeChild(link);
});

以上是JavaScript 如何将数据写入文件以供下载?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn