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

js download

作者:故事没有她   发布日期:2026-05-10   浏览:118

// 示例代码:使用 JavaScript 实现文件下载功能

function download(filename, text) {
    // 创建一个隐藏的 <a> 元素
    let element = document.createElement('a');
    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
    element.setAttribute('download', filename);

    // 将 <a> 元素添加到 DOM 中(必须操作,否则无法触发 click 事件)
    document.body.appendChild(element);

    // 模拟点击事件以触发下载
    element.click();

    // 下载完成后移除 <a> 元素
    document.body.removeChild(element);
}

// 调用示例:下载名为 "hello.txt" 的文件,内容为 "Hello World!"
download("hello.txt", "Hello World!");

解释说明:

  1. 创建 <a> 元素:我们创建了一个隐藏的 <a> 标签,并设置了 href 属性为包含要下载文本内容的 URL。data:text/plain;charset=utf-8, 是一种数据 URI 方案,用于将文本直接嵌入到 URL 中。
  2. 设置 download 属性download 属性指定了下载文件的名称。
  3. 添加到 DOM:为了确保点击事件能够生效,需要将 <a> 元素临时添加到文档中。
  4. 模拟点击:通过调用 element.click() 触发点击事件,从而启动文件下载。
  5. 移除元素:下载完成后,从 DOM 中移除该元素,保持页面整洁。

这个方法可以用来生成并下载简单的文本文件。

上一篇:js new file()

下一篇:nodejs session

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js fill方法

js 数组连接

js json数组

js 数组复制

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

Laravel 中文站