このように行うのはどうでしょうか。
HTML
1 <!DOCTYPE html>
2 <html lang="ja">
3 <head>
4 <meta charset="utf-8">
5 <title>タイトル</title>
6 </head>
7 <body>
8 <form>
9 <label>ここに出力される:
10 <textarea id="text1"></textarea>
11 </label>
12 <input id="button1" value="読み込み" type="file">
13
14 <label>保存ファイル名:
15 <input id="saveFileName" type="text">
16 </label>
17 <input id="button2" onclick="saveFile();" value="保存" type="button">
18 </form>
19 <script>
20 document.getElementById("button1").addEventListener("change", function (e) {
21 var fileReader = new FileReader();
22 fileReader.onload = function (e) {
23 document.getElementById("text1").innerText = e.target.result;
24 };
25 fileReader.readAsText(e.target.files[0], "shift_jis");
26 });
27 document.getElementById("button2").addEventListener("click", function () {
28 if (document.getElementById("saveFileName").value != "") {
29 var fileBlob = new Blob([document.getElementById("text1").value], {type: "text/plain"});
30 var downloadLink = document.createElement("a");
31 downloadLink.id = "text2";
32 document.body.appendChild(downloadLink);
33 var download = document.getElementById("text2");
34 download.setAttribute("href", URL.createObjectURL(fileBlob));
35 download.download = document.getElementById("saveFileName").value + ".txt";
36 download.click();
37 } else {
38 alert("保存ファイル名が指定されていません。");
39 }
40
41 });
42 </script>
43 </body>
44 </html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。