h 5 Blobを利用してページの内容をローカルファイルに保存します.
951 ワード
知識点:
<1>.aのdownload属性はダウンロードされたハイパーリンク先を規定しており、download属性はダウンロードファイルの名前を規定する値を設定することができます.
<2>.aタグはダウンロードリンクとして使用できます.ハイパーリンクとしてダウンロードする場合はhref属性が必要です.
<3>.h 5のBlobオブジェクトは、Blob自体は何もないが、バイナリデータの大理JSアプリには重要なデータ交換メカニズムを提供することができる.
<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");