我正在接收来自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"}
。它应该显示保存对话框。
有关更多信息和浏览器支持,请参阅此处。