トップへ(mam-mam.net/)

Javascriptでテキストファイルを作成してダウンロード

検索:

リンクをクリックすると、Javascriptでテキストファイルを作成してファイルをダウンロードさせる

以下のリンクをクリックすると、Javascriptでテキストファイルを生成してダウンロードします

押すとファイルをダウンロード

ソース

HTMLファイルの文字コードがUTF8だとUTF8のファイルがダウンロードされます。

<div id="result">
  <a href="javascript:void(0);" onclick="textFileDownload()">押すとファイルをダウンロード</a>
</div>
<script>
  function textFileDownload(){
    let blob = new Blob(['あいうえお','\r\nかきくけこ','\r\nさしすせそ\r\n'],{type:"text/plain"});
    let link = document.createElement('a');
    link.href = URL.createObjectURL(blob);
    //ファイル名の設定
    link.download = '作ったファイル.txt';
    link.click();
    window.URL.revokeObjectURL(blob);
  }
</script>