欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

js 实现将文件下载到本地

最编程 2024-07-17 15:41:41
...

在 JavaScript 中,可以使用浏览器的下载功能将文件下载到本地。

以下是一个示例代码,用于将一个字符串保存为文本文件并下载到本地:

function downloadFile(content, fileName) {
  const blob = new Blob([content], { type: "text/plain" });
  const url = URL.createObjectURL(blob);
  const link = document.createElement("a");
  link.href = url;
  link.download = fileName;
  link.click();
  URL.revokeObjectURL(url);
}

这个函数接受两个参数:文件内容和文件名。它使用 Blob 对象将文件内容包装成一个二进制数据块,然后创建一个 URL 对象,将链接和下载属性添加到一个新创建的锚元素上,最后模拟用户单击该锚元素以启动下载过程。最后,使用 URL.revokeObjectURL() 方法释放 URL 对象。

例如,你可以通过以下方式调用这个函数来下载一个名为 "example.txt" 的文件:

const content = "Hello, world!";
const fileName = "example.txt";
downloadFile(content, fileName);

这将在用户的下载文件夹中创建一个名为 "example.txt" 的文本文件,并包含 "Hello, world!" 的内容。

需要注意的是,浏览器可能会阻止自动下载文件,尤其是在不受用户请求的情况下。因此,在实际应用中,可能需要通过用户的操作来触发文件下载。

推荐阅读