Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 保存文件

作者:忽然之间   发布日期:2026-05-05   浏览:101

// 使用 Blob 和 URL.createObjectURL 方法保存文件

function download(filename, content) {
    // 创建一个 Blob 对象,包含要保存的内容
    const blob = new Blob([content], { type: 'text/plain' });

    // 创建一个临时的 a 标签用于触发下载
    const link = document.createElement('a');
    link.href = URL.createObjectURL(blob); // 将 Blob 对象转换为 URL
    link.download = filename; // 设置下载文件的名称

    // 触发点击事件
    document.body.appendChild(link);
    link.click();

    // 下载完成后移除临时的 a 标签,并释放 URL 对象
    document.body.removeChild(link);
    URL.revokeObjectURL(link.href);
}

// 示例调用
download('example.txt', '这是要保存到文件中的内容。');

解释说明:

  1. Blob 对象:Blob 表示不可变的、原始数据的类文件对象。可以使用它来创建文件。
  2. URL.createObjectURL:将 Blob 对象转换为一个临时的 URL,以便可以在浏览器中引用该文件。
  3. a 标签:通过创建一个临时的 <a> 标签并设置其 href 属性为生成的 URL,以及 download 属性为文件名,可以触发文件下载。
  4. 事件触发:通过 JavaScript 模拟点击事件来触发下载。
  5. 清理工作:下载完成后,移除临时创建的 <a> 标签,并释放 URL 对象以避免内存泄漏。

上一篇:js 大文件上传

下一篇:js 获取文件大小

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js fill方法

js 数组连接

js json数组

js 数组复制

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站