创建文件下载js

Create file to download js

本文关键字：js 文件下载 创建      更新时间：2024-01-11

我正在接收来自API的JSON输出，我想将其与JS一起使用，并将该输出保存到文件中。有没有什么方法可以用JS和软输出触发浏览器下载机制？

也许现在有些浏览器支持属性download，但您不会触发浏览器自动下载文件。

我唯一知道的是@BAS的解决方案，但没有文件名。

铬测试。。

array=[{a:'1',b:'2'},{x:'3',y:'4'}];
function dl(array,filename){
 var b=document.createElement('a');
 b.download=filename;
 b.textContent=filename;
 b.href='data:application/json;base64,'+
 window.btoa(unescape(encodeURIComponent(JSON.stringify(array))))
 // or 
 // b.href='data:application/javascript;charset=utf-8,'+JSON.stringify(json);
 return b
}
document.body.appendChild(dl(array,'my.json'));

示例

http://jsfiddle.net/8yQcW/

更新直接下载工作。。。我测试了铬。

附加模拟点击

var e=document.createEvent('Events');
    e.initEvent('click',true,false);
    document.getElementById('dl').dispatchEvent(e);

http://jsfiddle.net/8yQcW/1/

您可以使用数据URI:进行尝试

function triggerDownload(json) {
 var dataUri = 'data:text;charset=utf-8,' + json;
 window.open(dataUri);
}

尝试在浏览器地址栏中输入data:text;charset=utf-8,{"Key":"Value"}。它应该显示保存对话框。

有关更多信息和浏览器支持，请参阅此处。

相关文章：