javascript保存變量到本地文件

最近用echarts在做可視化，好多實例都有一大堆數據，想着把數據保存到本地，有什么比較方便又可靠的辦法呢？

 

將下邊代碼粘貼到瀏覽器的控制台

(function(console){

    console.save = function(data, filename){

        if(!data) {

            console.error('Console.save: No data')

            return;

        }

        if(!filename) filename = 'console.json'

        if(typeof data === "object"){

            data = JSON.stringify(data, undefined, 4)

        }

        var blob = new Blob([data], {type: 'text/json'}),

        e = document.createEvent('MouseEvents'),

        a = document.createElement('a')

        a.download = filename

        a.href = window.URL.createObjectURL(blob)

        a.dataset.downloadurl = ['text/json', a.download, a.href].join(':')

        e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)

        a.dispatchEvent(e)

    }
})(console)

 

 

緊接着把想要的數據用這個函數執行就好了，第一個參數是數據對象，第二個參數是要保存成文件的名字。

console.save(data,"data.json)