teratail
回答率
85.37%
teratail 10th-anniversary
teratail 10th-anniversary
質問するログイン新規登録
トップWebAssemblyに関する質問XMLHttpRequestを使ってローカルのファイルを読み込む

編集履歴

質問編集履歴

13

編集

2022/11/13 11:58

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -170,4 +170,6 @@
170
170
 
171
171
  https://support.apple.com/ja-jp/guide/mac-help/mchld5a35146/mac
172
172
  このサイトを頼りに「ファイルとフォルダ」を見に行きもしましたが，そもそもChromeはチェックボックスすらなく，Chromeを追加できる様子でもありませんでした．
173
+ https://apple.stackexchange.com/questions/385093/how-do-i-grant-access-in-files-and-folders-in-catalina-for-chrome
174
+ このサイトではChromeが見えているので何かして追加できるのかもしれません．
173
175
 
WebAssemblyGoJavaScript

12

編集

2022/11/13 11:46

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -155,13 +155,16 @@
155
155
  (anonymous) @ wasm_exec.js:549
156
156
  ```
157
157
  ###### 調べてみたこと
158
- https://qiita.com/smurakami/items/1764a80f40d33dce5243
158
+ 番号リストリストhttps://qiita.com/smurakami/items/1764a80f40d33dce5243
159
159
  このような記事が出て，軒並み
160
160
  ``` open -a /Applications/Google\ Chrome.app --args -allow-file-access-from-files index.html```
161
161
  をコンソールで打ち込めと出てきますが，そういった記事は2012や2013年の記事が多く，不安になってしまいます．
162
+ https://taremimi.hatenablog.jp/entry/2018/08/10/170035
163
+ 新しめのでも2018などですね．
162
164
  Chromeが開いてある状態でこのコマンドを実行しても意味ないですかね．
163
165
 
166
+
164
- teratail上の同様の質問で
167
+ teratail上の同様の質問で
165
168
  https://teratail.com/questions/28389
166
169
  このようなものがあったのですが，見てみても解決できませんでした．
167
170
 
WebAssemblyGoJavaScript

11

編集

2022/11/13 11:36

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -154,7 +154,7 @@
154
154
  _resume @ wasm_exec.js:538
155
155
  (anonymous) @ wasm_exec.js:549
156
156
  ```
157
- 調べてみると
157
+ ###### 調べてみたこと
158
158
  https://qiita.com/smurakami/items/1764a80f40d33dce5243
159
159
  このような記事が出て，軒並み
160
160
  ``` open -a /Applications/Google\ Chrome.app --args -allow-file-access-from-files index.html```
@@ -165,4 +165,6 @@
165
165
  https://teratail.com/questions/28389
166
166
  このようなものがあったのですが，見てみても解決できませんでした．
167
167
 
168
+ https://support.apple.com/ja-jp/guide/mac-help/mchld5a35146/mac
169
+ このサイトを頼りに「ファイルとフォルダ」を見に行きもしましたが，そもそもChromeはチェックボックスすらなく，Chromeを追加できる様子でもありませんでした．
168
170
 
WebAssemblyGoJavaScript

10

編集

2022/11/13 11:21

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  ~~上2つの型の不一致の部分は```string(xhr.Call("onload")) != `abort` ```のようにすればエラーはなくなるのですが，これは一時凌ぎでエラーを掻い潜っているのではなくきちんと動作するのでしょうか．~~
76
76
 
77
- また，3つめの箇所では，読み込んだファイルの内容を文字列としてcode.valueに入れたいのですが，stringで変換できない場合に他の対処法はあるのでしょうか．
77
+ ~~また，3つめの箇所では，読み込んだファイルの内容を文字列としてcode.valueに入れたいのですが，stringで変換できない場合に他の対処法はあるのでしょうか．~~
78
78
 
79
79
 
80
80
  ### 追記
WebAssemblyGoJavaScript

9

編集

2022/11/13 11:20

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -113,8 +113,9 @@
113
113
 
114
114
  Chromeを再起動させて更新は行いました．
115
115
 
116
+
116
- https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest/load_event
117
+ ~~https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest/load_event
117
- 上記のサイト周りを見ているのですが，イベントは扱いが異なるのでしょうか．
118
+ 上記のサイト周りを見ているのですが，イベントは扱いが異なるのでしょうか．~~
118
119
  ですが，Not allowedとなる理由がわかっておりません．
119
120
 
120
121
  ```Console
WebAssemblyGoJavaScript

8

編集

2022/11/13 11:16

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -160,5 +160,8 @@
160
160
  をコンソールで打ち込めと出てきますが，そういった記事は2012や2013年の記事が多く，不安になってしまいます．
161
161
  Chromeが開いてある状態でこのコマンドを実行しても意味ないですかね．
162
162
 
163
+ teratail上の同様の質問で
164
+ https://teratail.com/questions/28389
165
+ このようなものがあったのですが，見てみても解決できませんでした．
163
166
 
164
167
 
WebAssemblyGoJavaScript

7

編集

2022/11/13 02:07

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -153,5 +153,12 @@
153
153
  _resume @ wasm_exec.js:538
154
154
  (anonymous) @ wasm_exec.js:549
155
155
  ```
156
+ 調べてみると
157
+ https://qiita.com/smurakami/items/1764a80f40d33dce5243
158
+ このような記事が出て，軒並み
159
+ ``` open -a /Applications/Google\ Chrome.app --args -allow-file-access-from-files index.html```
160
+ をコンソールで打ち込めと出てきますが，そういった記事は2012や2013年の記事が多く，不安になってしまいます．
161
+ Chromeが開いてある状態でこのコマンドを実行しても意味ないですかね．
156
162
 
157
163
 
164
+
WebAssemblyGoJavaScript

6

編集

2022/11/13 01:48

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -65,14 +65,14 @@
65
65
 
66
66
  のように書き換えてビルドをしてみたところ，次のようなエラーが出てしまいました，
67
67
 
68
- ##### エラー内容
68
+ ##### エラー内容->追記2へ
69
69
  ```ここに言語を入力
70
70
  ./webassembly.go:78:29: invalid operation: xhr.Call("onload") != `abort` (mismatched types js.Value and untyped string)
71
71
  ./webassembly.go:78:62: invalid operation: xhr.Call("onload") != `error` (mismatched types js.Value and untyped string)
72
72
  ./webassembly.go:79:29: cannot convert xhr.Get("responseText") (value of type js.Value) to type string
73
73
  ```
74
74
 
75
- 上2つの型の不一致の部分は```string(xhr.Call("onload")) != `abort` ```のようにすればエラーはなくなるのですが，これは一時凌ぎでエラーを掻い潜っているのではなくきちんと動作するのでしょうか．
75
+ ~~上2つの型の不一致の部分は```string(xhr.Call("onload")) != `abort` ```のようにすればエラーはなくなるのですが，これは一時凌ぎでエラーを掻い潜っているのではなくきちんと動作するのでしょうか．~~
76
76
 
77
77
  また，3つめの箇所では，読み込んだファイルの内容を文字列としてcode.valueに入れたいのですが，stringで変換できない場合に他の対処法はあるのでしょうか．
78
78
 
@@ -108,8 +108,8 @@
108
108
  ```
109
109
 
110
110
  この状態でビルド，サーバーの実行を行ってブラウザに行ってボタンを押すと，次のようになりました．
111
- onloadの部分は.Get()に変更したので関数のようにはしていないつもりなのですが，反映ができていない，もしくは，ここでのString()が不適切なので　~~==nullで通過させるようにしたほうがいいのかもしれません~~．
111
+ ~~onloadの部分は.Get()に変更したので関数のようにはしていないつもりなのですが，反映ができていない，もしくは，ここでのString()が不適切なので　==nullで通過させるようにしたほうがいいのかもしれません~~．
112
- (```!= nil```)にすると```invalid operation: xhr.Get("onload") != nil (mismatched types js.Value and untyped nil)```のようにエラーが吐かれました．
112
+ ~~```!= nil```にすると```invalid operation: xhr.Get("onload") != nil (mismatched types js.Value and untyped nil)```のようにエラーが吐かれました．~~
113
113
 
114
114
  Chromeを再起動させて更新は行いました．
115
115
 
WebAssemblyGoJavaScript

5

編集

2022/11/13 01:42

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -108,7 +108,8 @@
108
108
  ```
109
109
 
110
110
  この状態でビルド，サーバーの実行を行ってブラウザに行ってボタンを押すと，次のようになりました．
111
- onloadの部分は.Get()に変更したので関数のようにはしていないつもりなのですが，反映ができていない，もしくは，ここでのString()が不適切なので　~~==nullで通過させるようにしたほうがいいのかもしれません~~．(```!= nil```)にすると```invalid operation: xhr.Get("onload") != nil (mismatched types js.Value and untyped nil)```のようにエラーが吐かれました．
111
+ onloadの部分は.Get()に変更したので関数のようにはしていないつもりなのですが，反映ができていない，もしくは，ここでのString()が不適切なので　~~==nullで通過させるようにしたほうがいいのかもしれません~~．
112
+ (```!= nil```)にすると```invalid operation: xhr.Get("onload") != nil (mismatched types js.Value and untyped nil)```のようにエラーが吐かれました．
112
113
 
113
114
  Chromeを再起動させて更新は行いました．
114
115
 
@@ -128,3 +129,29 @@
128
129
  (anonymous) @ wasm_exec.js:549
129
130
  wasm_exec.js:22 panic: syscall/js: Value.Call: property onload is not a function, got null
130
131
  ```
132
+
133
+ ### 追記2
134
+ Goで書き換えていた部分を以下のように修正しました．
135
+ ```Go
136
+ xhr := XMLHttpRequest.New()
137
+ xhr.Call("open", "GET", "file:///c:/Users/usrname/Go/01/src/melody.txt")
138
+ xhr.Call("send")
139
+ code.Set("value", xhr.Get("responseText").String())
140
+ ```
141
+
142
+ このようにしたのちにビルドと実行を行うと
143
+ ```panic: syscall/js: Value.Call: property onload is not a function, got null```
144
+ はなくなり，ブラウザのコンソール上で発生するエラーは次の一つだけとなりました．
145
+ ```Console
146
+ wasm_exec.js:349 Not allowed to load local resource: file:///c:/Users/usrname/Go/01/src/melody.txt
147
+ syscall/js.valueCall @ wasm_exec.js:349
148
+ $syscall_js.valueCall @ build.wasm:0xe2bf9
149
+ $syscall_js.Value.Call @ build.wasm:0xe0da4
150
+ $main.main.func1 @ build.wasm:0x13616e
151
+ $wasm_pc_f_loop @ build.wasm:0xd3719
152
+ $wasm_export_resume @ build.wasm:0xd36fa
153
+ _resume @ wasm_exec.js:538
154
+ (anonymous) @ wasm_exec.js:549
155
+ ```
156
+
157
+
WebAssemblyGoJavaScript

4

編集

2022/11/12 12:03

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -108,10 +108,12 @@
108
108
  ```
109
109
 
110
110
  この状態でビルド，サーバーの実行を行ってブラウザに行ってボタンを押すと，次のようになりました．
111
- onloadの部分は.Get()に変更したので関数のようにはしていないつもりなのですが，反映ができていない，もしくは，ここでのString()が不適切なので　==nullで通過させるようにしたほうがいいのかもしれません．
111
+ onloadの部分は.Get()に変更したので関数のようにはしていないつもりなのですが，反映ができていない，もしくは，ここでのString()が不適切なので　~~==nullで通過させるようにしたほうがいいのかもしれません~~．(```!= nil```)にすると```invalid operation: xhr.Get("onload") != nil (mismatched types js.Value and untyped nil)```のようにエラーが吐かれました．
112
+
112
113
  Chromeを再起動させて更新は行いました．
114
+
113
115
  https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest/load_event
114
- 上記のサイト周りを見ているのdすが，イベントは扱いが異なるのでしょうか．
116
+ 上記のサイト周りを見ているのですが，イベントは扱いが異なるのでしょうか．
115
117
  ですが，Not allowedとなる理由がわかっておりません．
116
118
 
117
119
  ```Console
WebAssemblyGoJavaScript

3

編集

2022/11/12 11:49

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -110,6 +110,8 @@
110
110
  この状態でビルド，サーバーの実行を行ってブラウザに行ってボタンを押すと，次のようになりました．
111
111
  onloadの部分は.Get()に変更したので関数のようにはしていないつもりなのですが，反映ができていない，もしくは，ここでのString()が不適切なので　==nullで通過させるようにしたほうがいいのかもしれません．
112
112
  Chromeを再起動させて更新は行いました．
113
+ https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest/load_event
114
+ 上記のサイト周りを見ているのdすが，イベントは扱いが異なるのでしょうか．
113
115
  ですが，Not allowedとなる理由がわかっておりません．
114
116
 
115
117
  ```Console
WebAssemblyGoJavaScript

2

編集

2022/11/12 11:47

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -109,6 +109,7 @@
109
109
 
110
110
  この状態でビルド，サーバーの実行を行ってブラウザに行ってボタンを押すと，次のようになりました．
111
111
  onloadの部分は.Get()に変更したので関数のようにはしていないつもりなのですが，反映ができていない，もしくは，ここでのString()が不適切なので　==nullで通過させるようにしたほうがいいのかもしれません．
112
+ Chromeを再起動させて更新は行いました．
112
113
  ですが，Not allowedとなる理由がわかっておりません．
113
114
 
114
115
  ```Console
WebAssemblyGoJavaScript

1

編集

2022/11/12 07:57

投稿

aaaa____
aaaa____

スコア29

test CHANGED
File without changes
test CHANGED
@@ -75,3 +75,51 @@
75
75
  上2つの型の不一致の部分は```string(xhr.Call("onload")) != `abort` ```のようにすればエラーはなくなるのですが，これは一時凌ぎでエラーを掻い潜っているのではなくきちんと動作するのでしょうか．
76
76
 
77
77
  また，3つめの箇所では，読み込んだファイルの内容を文字列としてcode.valueに入れたいのですが，stringで変換できない場合に他の対処法はあるのでしょうか．
78
+
79
+
80
+ ### 追記
81
+ この状態で拡張機能をインストールすると，エラーが出てしまったので
82
+ https://www.extension.ninja/blog/post/solved-permission-is-unknown-or-url-pattern-is-malformed/
83
+ このサイトを参考にして
84
+
85
+ ##### manifest.json
86
+ ```json
87
+ {
88
+ "manifest_version": 3,
89
+ "name": "Read File",
90
+ "version": "1.0",
91
+
92
+ "host_permissions": ["file:///*"]
93
+ }
94
+ ```
95
+ のようにしたところ，エラーがなくなりました．
96
+
97
+ また，Goで書き換えていた部分は次のようになりました．
98
+
99
+ ```Go
100
+ xhr := XMLHttpRequest.New()
101
+ xhr.Call("open", "GET", "file:///c:/Users/usrname/Go/01/src/melody.txt")
102
+ xhr.Call("send")
103
+ if (xhr.Get("onload").String() != `abort` && xhr.Call("onload").String() != `error`){
104
+ code.Set("value", xhr.Get("responseText").String())
105
+ }else{
106
+ fmt.Println("fail of onload\n")
107
+ }
108
+ ```
109
+
110
+ この状態でビルド，サーバーの実行を行ってブラウザに行ってボタンを押すと，次のようになりました．
111
+ onloadの部分は.Get()に変更したので関数のようにはしていないつもりなのですが，反映ができていない，もしくは，ここでのString()が不適切なので　==nullで通過させるようにしたほうがいいのかもしれません．
112
+ ですが，Not allowedとなる理由がわかっておりません．
113
+
114
+ ```Console
115
+ wasm_exec.js:349 Not allowed to load local resource: file:///c:/Users/usrname/Go/01/src/melody.txt
116
+ syscall/js.valueCall @ wasm_exec.js:349
117
+ $syscall_js.valueCall @ build.wasm:0xe2bf9
118
+ $syscall_js.Value.Call @ build.wasm:0xe0da4
119
+ $main.main.func1 @ build.wasm:0x13616e
120
+ $wasm_pc_f_loop @ build.wasm:0xd3719
121
+ $wasm_export_resume @ build.wasm:0xd36fa
122
+ _resume @ wasm_exec.js:538
123
+ (anonymous) @ wasm_exec.js:549
124
+ wasm_exec.js:22 panic: syscall/js: Value.Call: property onload is not a function, got null
125
+ ```
WebAssemblyGoJavaScript