javascript - 使用 JavaScript 在按钮中使用 HTML5 下载选项

Question

我想编写一个 Javascript 函数，通过向其中添加变量来下载 json 文件。像这样的https://jsfiddle.net/cowboy/hHZa9/

var obj = {a: 123, b: "4 5 6"};
var data = "text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(obj));

$('<a href="data:' + data + '" download="data.json">download JSON</a>').appendTo('#container');

但现在我想用按钮替换 anchor 标记。 我正在使用 ExtJS 6。

Answer 1

您可以像这样使用 Extjs 按钮:

var obj = {
        a: 123,
        b: "4 5 6"
    },
    data = "text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(obj));

Ext.widget('button', {
    renderTo: Ext.getBody(),

    text: 'Download',

    href: 'data:' + data,

    autoEl: {
        tag: 'a',
        download: 'data.json'
    }
});

工作示例:https://fiddle.sencha.com/#fiddle/1chg