2018年9月24日月曜日

テキストエリアの出力テキストをテキストファイルとしてダウンロードする

テキストエリアの出力テキストをテキストファイルとしてダウンロードするjavascriptのサンプルです。
function handleDownload() {
    var content = document.getElementById( "output1" ).value ;
    var blob = new Blob([ content ], { "type" : "text/plain" });
    if (window.navigator.msSaveBlob) {
        window.navigator.msSaveBlob(blob, "test.txt");
        // msSaveOrOpenBlobの場合はファイルを保存せずに開ける
        window.navigator.msSaveOrOpenBlob(blob, "test.txt");
        } else {
        document.getElementById("download").href = window.URL.createObjectURL(blob);
    }
}
ボタン
<input type="submit" value="ダウンロード" onClick="handleDownload()">
テキストエリア
<textarea id="output1">テスト</textarea>
以下のサイトを参考にさせて頂きました。
JavaScriptでファイルダウンロード処理を実現する
入力フォームの値を取得する方法

0 件のコメント:

コメントを投稿