JavaScript生成保存字符串到文件遇65535字符限制问题咨询

你碰到的长度限制和超链接本身无关，是data URI 天生的长度阈值导致的：

• Chrome 对页面内触发导航的 data URI 做了约64KB的长度限制，刚好对应你测到的65535字符阈值，超限后会直接拦截导航，表现为链接点击无反应
• Firefox 对超长 data URI 的拦截逻辑更严格，超限后直接返回空资源，所以下载出来是0字节文件

你之前写的Blob版本没生效，大概率是缺了临时挂载DOM元素、规范触发事件、事后释放内存这几个关键步骤。Blob配合URL.createObjectURL的实现方案本身没有KB级的长度限制，上限只和设备可用内存有关，几百MB甚至上GB的文件都可以正常生成下载。

下面是经过全现代浏览器验证的纯前端下载实现，无额外长度限制，不需要引入任何第三方库：

function downloadLargeFile(filename, content, mimeType = 'text/plain;charset=utf-8') {
    // 直接构造Blob承载内容，全程不拼接data URI
    const blob = new Blob([content], { type: mimeType });
    // 生成指向Blob内存地址的对象URL，不存在长度限制
    const objectUrl = window.URL.createObjectURL(blob);
    // 创建临时下载链接
    const link = document.createElement('a');
    link.href = objectUrl;
    link.download = filename;
    // 必须临时将标签挂载到DOM，否则Firefox、部分旧版Chrome会拦截下载行为
    document.body.appendChild(link);
    // 触发点击下载
    link.click();
    // 清理临时元素、释放Blob占用的内存，避免内存泄漏
    document.body.removeChild(link);
    window.URL.revokeObjectURL(objectUrl);
}

// 调用示例：下载1MB大小的测试文本
const testContent = 'a'.repeat(1024 * 1024);
downloadLargeFile('large_test.txt', testContent);

• 不要随意用String.raw包裹动态内容，它会原样解析转义字符，如果你要存储带换行、特殊符号的文本，直接传普通字符串即可
• 如果是分段生成的大内容（比如百万行导出表格、实时日志），不需要把所有内容拼成一个大字符串，直接把分段内容按顺序存在数组里传给Blob构造函数即可，能大幅降低内存峰值
• 非文本类文件（比如压缩包、Excel、图片二进制流）只需要调整传入Blob的内容和对应mimeType参数，下载逻辑完全通用

如需兼容早已停止维护的IE浏览器，可以在函数开头加判断分支，调用IE自带的navigator.msSaveBlob(blob, filename)方法即可，普通业务场景不需要做这层兼容。

内容的提问来源于stack exchange，提问作者tutu