h 5 Blobを利用してページの内容をローカルファイルに保存します.

951 ワード

知識点:
<1>.aのdownload属性はダウンロードされたハイパーリンク先を規定しており、download属性はダウンロードファイルの名前を規定する値を設定することができます.
<2>.aタグはダウンロードリンクとして使用できます.ハイパーリンクとしてダウンロードする場合はhref属性が必要です.
<3>.h 5のBlobオブジェクトは、Blob自体は何もないが、バイナリデータの大理JSアプリには重要なデータ交換メカニズムを提供することができる.
function saveContent (content, fileName) {
                let aTag = document.createElement('a');
                aTag.setAttribute('download',fileName);
                let blob = new Blob([content],{type:""});
                aTag.setAttribute('href',URL.createObjectURL(blob));
                document.body.appendChild(aTag);
                aTag.click();
                document.body.removeChild(aTag);
            }
            let json={
                name: "tutu",
                age: "18",
                sex: "man",
            };
            saveContent(JSON.stringify(json),"test.pipeline");