使用blob创建json文件

时间:2014-10-02 09:58:17

标签: javascript jquery json blob

我在字符串中编写了json代码,我希望使用xmlhttp作为.json文件发送它。是否有可能用blob做到这一点?

var cleanScript = {
    'type': 'script',
    'api_key': api_key,
    'data': data,
    'inputs': inputs,
    'timeoutSeconds': timeoutSeconds
};
var jsonse = JSON.stringify(cleanScript, null, 2); 

现在json到blob?

2 个答案:

答案 0 :(得分:23)

尝试这样的事情

var cleanScript = {
    'type': 'script',
    'api_key': api_key,
    'data': data,
    'inputs': inputs,
    'timeoutSeconds': timeoutSeconds
};
var jsonse = JSON.stringify(cleanScript);
var blob = new Blob([jsonse], {type: "application/json"});
var url  = URL.createObjectURL(blob);

var a = document.createElement('a');
a.href        = url;
a.download    = "backup.json";
a.textContent = "Download backup.json";

document.getElementById('json').appendChild(a);
<div id="json"></div>

答案 1 :(得分:1)

尝试以下代码:

    var int2ByteArray = function(i, minByteCount) {
        var result = [],
            buf = code = +i,
            offsetCount = 0;
        while ((buf = code>>(8 * offsetCount)) || offsetCount < minByteCount) {
            buf = buf & 0xFF;
            ++offsetCount;
            result.push(buf);
        }
        return result.reverse();
    };

    var ascii2ByteArray = function(s) {

        if (!s) return 0;
        var result = [];
        [].map.call(s, function(c) {
            result = result.concat(int2ByteArray((typeof(c)).toLowerCase() == "number" ? c : c.charCodeAt(0)));
        });
        return result;
    };

    // You got the blob here, do whatever you want.
    var blob = new Blob(new Uint8Array(ascii2ByteArray(jsonse)), {type:"text/json"});

矩阵是将一个字符串(由JSON.stringify字符串表示)转换为可用于制作blob的Uint8Array。 我之前发生过类似的事情,希望它有用。