未分類

Javascriptでテキストファイルを出力する方法

投稿日:

私自身、Blobを理解していません。よってコードはコピペです。そして少し変更して任意の文章を出力しました。

let blob = new Blob(['あいうえお'],{type:"text/plan"});
let link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = '作ったファイル.txt';
link.click();

上記のコード少し修正しました。

let array = [
"おはようございます。\n",
"こんにちは\n",
"こんばんは\n",
"おやすみなさい\n",
];
let blob = new Blob(array,{type:"text/plan"});
let link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = '作ったファイル.txt';
link.click();

「\n」コードを付けないと連結されてしまいます。
「new Blob」の第一引数は配列のようです。ここに「let str = “おはよう”;」入れても無駄でした。

ちなみに次のように書けばHTMLを出力できます。

let array = [
"<h2>挨拶</h2>\n",
"<ul>\n",
"<li>おはよう</li>\n",
"<li>こんにちは</li>\n",
"<li>こんばんは</li>\n",
"<ul>\n",
];
let blob = new Blob(array,{type:"text/html"});
let link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = '作ったファイル.html';
link.click();

第二引数のMIMEタイプはこちらで確認可能です。
https://developer.mozilla.org/ja/docs/Web/HTTP/Basics_of_HTTP/MIME_types

いろいろなものに応用できそうなコードですね。ありがとうございます。









-未分類

執筆者:

関連記事

no image

簡単に発信したい

目次1 結論2 雑に書いていることを肯定する記事をたまに書く3 結論 結論 まずは書きたいように書く。 シンプルな質問。 誰のために?「まずは」自分のために! ネットを使うようになって、歳のせいで、「 …

no image

教育こそが、良きを伸ばし、怠惰を淘汰する手段であるか?

うまく説明できるかわかりませんが、がんばります。 目次1 結論1.1 IT、パソコン、インターネットを中心に書きます。2 勉強すれば自分で出来る。3 将来的には小規模化、個人化していくと思います。3. …

no image

Rubyを書くなら、少なくとも正規表現の基本的な知識は必要かも。というかあるとめっちゃ助かる件

Rubyに限らず、「コードを書く」「OSをCLIで操作することがある」ときは正規表現がかなり役に立つ。 私自身は正規表現のさわりだけでも忘れないようにしている。ほんとに基本的な部分だ。これだけでもコー …

no image

RailsのScaffoldを久しぶりに利用する

いろいろ忘れていてもうアプリ開発は出来ないです。 昔、ウソかホントかはわからないが、アメリカで数年間バッチファイルに仕事をさせて収入を得ていたサラリーマンがいる記事を見たことがある。会社としてはダメな …

no image

いつのまにかWindows「同期センター」が有効になっていて、NASのフォルダが表示されない。

【環境】 Windows10Pro64bit NASバッファローLinkStation 目次1 NASにアクセスできない!そんな時は同期センターが有効になっていませんか?1.1 【手順】1.2 【参考 …