teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

補足しました

2016/06/21 05:30

投稿

tk08260723
tk08260723

スコア7

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
- monacaを使って開発をしているのですが、下記コードでファイル呼びそのファイル書き換えて更新、もくは削除ません。
1
+ monacaを使って開発をしているのですが、下記コードでテキスト読み込み読み込んだテキスト内容変更して更新したり、削除したりしたいのすがやり方がわかりません。
2
+ 色々調べてはみたのですが、わからないのでコードに補足してもらうか、参考になるサイト・コードを教えてもらいたいです。
2
3
 
3
-
4
4
  <!doctype html>
5
5
  <html lang="ja">
6
6
  <head>
@@ -57,7 +57,4 @@
57
57
  },false);
58
58
  </script>
59
59
  </body>
60
- </html>
60
+ </html>
61
-
62
-
63
- 参考になるソースコードを載せてもらうか、わかりやすく教えてもらえると助かります。

1

コードを表記しました

2016/06/21 05:30

投稿

tk08260723
tk08260723

スコア7

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,63 @@
1
- monacaを使って開発をしているのですが、カルファイルを呼び、そのファイルを書き換えて更新、もしくは削除ができません。
1
+ monacaを使って開発をしているのですが、下記コドでファイルを呼び、そのファイルを書き換えて更新、もしくは削除ができません。
2
2
 
3
+
4
+ <!doctype html>
5
+ <html lang="ja">
6
+ <head>
7
+ <meta charset="utf-8">
8
+ <title>Download Sample</title>
9
+ </head>
10
+ <body>
11
+ <script type='text/javascript'>
12
+ function handleDownload() {
13
+ var content = 'ファイルの読み込み';
14
+ var blob = new Blob([ content ], { "type" : "text/plain" });
15
+
16
+ if (window.navigator.msSaveBlob) {
17
+ window.navigator.msSaveBlob(blob, "読み込み.txt");
18
+
19
+ // msSaveOrOpenBlobの場合はファイルを保存せずに開ける
20
+ window.navigator.msSaveOrOpenBlob(blob, "test.txt");
21
+ } else {
22
+ document.getElementById("download").href = window.URL.createObjectURL(blob);
23
+ }
24
+ }
25
+
26
+
27
+ }
28
+ }
29
+
30
+ </script>
31
+ <a id="download" href="#" download="test.txt" onclick="handleDownload()">読み込み</a>
32
+
33
+
34
+ <form name="test">
35
+ <input type="file" id="selfile"><br>
36
+ <textarea name="txt" rows="10" cols="50" readonly></textarea>
37
+ </form>
38
+
39
+ <script>
40
+ var obj1 = document.getElementById("selfile");
41
+
42
+ //ダイアログでファイルが選択された時
43
+ obj1.addEventListener("change",function(evt){
44
+
45
+ var file = evt.target.files;
46
+
47
+ //FileReaderの作成
48
+ var reader = new FileReader();
49
+ //テキスト形式で読み込む
50
+ reader.readAsText(file[0]);
51
+
52
+ //読込終了後の処理
53
+ reader.onload = function(ev){
54
+ //テキストエリアに表示する
55
+ document.test.txt.value = reader.result;
56
+ }
57
+ },false);
58
+ </script>
59
+ </body>
60
+ </html>
61
+
62
+
3
63
  参考になるソースコードを載せてもらうか、わかりやすく教えてもらえると助かります。