html5 download blob

最新推荐文章于 2023-08-17 18:02:30 发布

weixin_30716725

最新推荐文章于 2023-08-17 18:02:30 发布

阅读量342

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/xgqfrms/p/9921168.html

版权

html5 download blob

https://stackoverflow.com/questions/19327749/javascript-blob-filename-without-link

https://stackoverflow.com/questions/6165266/downloading-mp3-files-using-html5-blobs-in-a-chrome-extension

https://codepen.io/vidhill/pen/bNPEmX

html 5 Simple File Blob Download

demo


// <a id="myButton" href="#">Download JSON</button>
// <button id="btn">Download JSON</button>

// dummy json data to save
const data = {
    x: 42,
    s: "hello, world",
    d: new Date()
};

let btn = document.getElementById("btn");

btn.addEventListener(`click`, (e) => {
    let json = JSON.stringify(data),
        // Blob
        blob = new Blob([json], {type: "octet/stream"}),
        // blob to url
        url = window.URL.createObjectURL(blob);
    this.href = url;
    this.download = "api.json";
    this.target = "_blank";
    // target filename
});

转载于:https://www.cnblogs.com/xgqfrms/p/9921168.html