teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問Tesseract-OCRの使い方を教えてください

編集履歴

質問編集履歴

6

質問削除の取り消し

2018/09/10 01:48

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- ＼(^o^)／ｵﾜﾀ
1
+ Tesseract-OCRの使い方を教えてください
test CHANGED
@@ -1,5 +1,103 @@
1
- 解決したのでコードは削除しました
1
+ Tesseract-OCRを利用しようとしているのですがうまくいきません
2
2
 
3
- ＼(^o^)／ｵﾜﾀ
3
+ ```
4
4
 
5
+ <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
6
+
7
+ <script>
8
+
9
+ // ユーザ指定のファイルを読み込み、画像認識の関数を呼び出す。
10
+
11
+ function read_in() {
12
+
13
+ var reader = new FileReader();
14
+
15
+ reader.onload = function (e) {
16
+
17
+ //選択された画像をimg要素として表示する。
18
+
19
+ document.getElementById("read_image").src = e.target.result;
20
+
21
+ //画像認識を行う
22
+
23
+ recognize_image();
24
+
25
+ }
26
+
27
+ // 画像ファイルをdata URLとして読み込むように指示しておく。
28
+
29
+ reader.readAsDataURL(document.getElementById("input_image_file").files[0]);
30
+
31
+ }
32
+
33
+ // 画像認識を行う。
34
+
35
+ function recognize_image() {
36
+
37
+ //結果出力先の要素を取得する。
38
+
39
+ var txt_out = document.getElementById("text_of_read_image");
40
+
41
+ //複数回、連続して実行するときのために、最初に中身を捨てる。
42
+
43
+ txt_out.innerHTML = "";
44
+
45
+ //指定された言語のコードを取得する。
46
+
47
+ var lang_list = document.getElementById("lang_options");
48
+
49
+ var selected_lang = lang_list.options[lang_list.selectedIndex].value;
50
+
51
+ console.log(selected_lang + "が選択されました。");
52
+
53
+
54
+
55
+ document.getElementById("msg").textContent = "[処理を開始しました。]\n";
56
+
57
+ //画像認識
58
+
59
+ Tesseract.recognize(
60
+
61
+ document.getElementById("read_image").src,
62
+
63
+ {
64
+
65
+ lang: selected_lang
66
+
67
+ })
68
+
69
+ .progress(function(m) {
70
+
71
+ document.getElementById("msg").textContent += "▶︎ ";
72
+
73
+ //console.log("途中経過: " + m + "\n");
74
+
75
+ })
76
+
77
+ .catch(function(e) {
78
+
79
+ document.getElementById("msg").textContent += "[エラーです: " + e + "]";
80
+
81
+ console.log("エラーです: " + e);
82
+
83
+ })
84
+
85
+ .then(function(result) {
86
+
87
+ txt_out.innerHTML = result.text;
88
+
89
+ })
90
+
91
+ .finally(function(r) {
92
+
93
+ document.getElementById("msg").textContent += "[処理が終わりました]\n";
94
+
5
- お見知り置き
95
+ });
96
+
97
+ }
98
+
99
+ </script>
100
+
101
+ </head>
102
+
103
+ ```

5

＼(^o^)／ｵﾜﾀ制約

2018/09/10 01:48

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- Tesseract-OCRの使い方を教えてください
1
+ ＼(^o^)／ｵﾜﾀ
test CHANGED
@@ -1,119 +1,5 @@
1
- Tesseract-OCRを利用しようとしているのですがうまくいきません
1
+ 解決したのでコードは削除しました
2
2
 
3
+ ＼(^o^)／ｵﾜﾀ
3
4
 
4
-
5
- ```
5
+ お見知り置き
6
-
7
- <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
8
-
9
- <script>
10
-
11
- // ユーザ指定のファイルを読み込み、画像認識の関数を呼び出す。
12
-
13
- function read_in() {
14
-
15
- var reader = new FileReader();
16
-
17
- reader.onload = function (e) {
18
-
19
- //選択された画像をimg要素として表示する。
20
-
21
- document.getElementById("read_image").src = e.target.result;
22
-
23
- //画像認識を行う
24
-
25
- recognize_image();
26
-
27
- }
28
-
29
- // 画像ファイルをdata URLとして読み込むように指示しておく。
30
-
31
- reader.readAsDataURL(document.getElementById("input_image_file").files[0]);
32
-
33
- }
34
-
35
-
36
-
37
-
38
-
39
- // 画像認識を行う。
40
-
41
- function recognize_image() {
42
-
43
- //結果出力先の要素を取得する。
44
-
45
- var txt_out = document.getElementById("text_of_read_image");
46
-
47
- //複数回、連続して実行するときのために、最初に中身を捨てる。
48
-
49
- txt_out.innerHTML = "";
50
-
51
- //指定された言語のコードを取得する。
52
-
53
- var lang_list = document.getElementById("lang_options");
54
-
55
- var selected_lang = lang_list.options[lang_list.selectedIndex].value;
56
-
57
- console.log(selected_lang + "が選択されました。");
58
-
59
-
60
-
61
- document.getElementById("msg").textContent = "[処理を開始しました。]\n";
62
-
63
-
64
-
65
- //画像認識
66
-
67
- Tesseract.recognize(
68
-
69
- document.getElementById("read_image").src,
70
-
71
- {
72
-
73
- lang: selected_lang
74
-
75
- })
76
-
77
- .progress(function(m) {
78
-
79
- document.getElementById("msg").textContent += "▶︎ ";
80
-
81
- //console.log("途中経過: " + m + "\n");
82
-
83
- })
84
-
85
- .catch(function(e) {
86
-
87
- document.getElementById("msg").textContent += "[エラーです: " + e + "]";
88
-
89
- console.log("エラーです: " + e);
90
-
91
- })
92
-
93
- .then(function(result) {
94
-
95
- txt_out.innerHTML = result.text;
96
-
97
- })
98
-
99
- .finally(function(r) {
100
-
101
- document.getElementById("msg").textContent += "[処理が終わりました]\n";
102
-
103
- });
104
-
105
- }
106
-
107
-
108
-
109
- </script>
110
-
111
- </head>
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
- ```

4

＼(^o^)／ｵﾜﾀ制約

2018/09/08 13:58

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -3,18 +3,6 @@
3
3
 
4
4
 
5
5
  ```
6
-
7
- <!DOCTYPE html>
8
-
9
- <html>
10
-
11
- <head>
12
-
13
- <meta charset="UTF-8">
14
-
15
- <base target="_top">
16
-
17
- <title>Tesseract.js</title>
18
6
 
19
7
  <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
20
8
 
@@ -124,75 +112,7 @@
124
112
 
125
113
 
126
114
 
127
- <body class="main-text-only">
128
115
 
129
- <form name="f">
130
-
131
-
132
-
133
- <ol>
134
-
135
- <li>言語を指定し (
136
-
137
- <select name="lang_options" id="lang_options">
138
-
139
- <option value="eng">English</option>
140
-
141
- <option value="jpn" selected>Japanese</option>
142
-
143
- <option value="kor">Korean</option>
144
-
145
- </select>
146
-
147
- )、
148
-
149
- </li>
150
-
151
-
152
-
153
- <li>
154
-
155
- 画像ファイルを選択し
156
-
157
- (<input type="file" id="input_image_file" name="input_image_file" />)、
158
-
159
- </li>
160
-
161
-
162
-
163
- <li>
164
-
165
- そのファイルを
166
-
167
- <input type="button" value="読み込んで" onclick="read_in()">
168
-
169
- ください。
170
-
171
- </li>
172
-
173
- </ol>
174
-
175
- </form>
176
-
177
-
178
-
179
- <table style="margin: auto;">
180
-
181
- <tr><th>認識対象画像</th><th>読み取り結果</th></tr>
182
-
183
- <tr>
184
-
185
- <td style="overflow: auto;"><img id="read_image" style="max-width: 450px; max-height: 450px;" /></td>
186
-
187
- <td id="text_of_read_image" style="white-space: pre; font-family: monospace;"></td>
188
-
189
- </tr>
190
-
191
- </table>
192
-
193
- </body>
194
-
195
- </html>
196
116
 
197
117
 
198
118
 

3

しｊうぃｊうぃｊｗ

2018/09/08 07:55

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1 +1,199 @@
1
1
  Tesseract-OCRを利用しようとしているのですがうまくいきません
2
+
3
+
4
+
5
+ ```
6
+
7
+ <!DOCTYPE html>
8
+
9
+ <html>
10
+
11
+ <head>
12
+
13
+ <meta charset="UTF-8">
14
+
15
+ <base target="_top">
16
+
17
+ <title>Tesseract.js</title>
18
+
19
+ <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
20
+
21
+ <script>
22
+
23
+ // ユーザ指定のファイルを読み込み、画像認識の関数を呼び出す。
24
+
25
+ function read_in() {
26
+
27
+ var reader = new FileReader();
28
+
29
+ reader.onload = function (e) {
30
+
31
+ //選択された画像をimg要素として表示する。
32
+
33
+ document.getElementById("read_image").src = e.target.result;
34
+
35
+ //画像認識を行う
36
+
37
+ recognize_image();
38
+
39
+ }
40
+
41
+ // 画像ファイルをdata URLとして読み込むように指示しておく。
42
+
43
+ reader.readAsDataURL(document.getElementById("input_image_file").files[0]);
44
+
45
+ }
46
+
47
+
48
+
49
+
50
+
51
+ // 画像認識を行う。
52
+
53
+ function recognize_image() {
54
+
55
+ //結果出力先の要素を取得する。
56
+
57
+ var txt_out = document.getElementById("text_of_read_image");
58
+
59
+ //複数回、連続して実行するときのために、最初に中身を捨てる。
60
+
61
+ txt_out.innerHTML = "";
62
+
63
+ //指定された言語のコードを取得する。
64
+
65
+ var lang_list = document.getElementById("lang_options");
66
+
67
+ var selected_lang = lang_list.options[lang_list.selectedIndex].value;
68
+
69
+ console.log(selected_lang + "が選択されました。");
70
+
71
+
72
+
73
+ document.getElementById("msg").textContent = "[処理を開始しました。]\n";
74
+
75
+
76
+
77
+ //画像認識
78
+
79
+ Tesseract.recognize(
80
+
81
+ document.getElementById("read_image").src,
82
+
83
+ {
84
+
85
+ lang: selected_lang
86
+
87
+ })
88
+
89
+ .progress(function(m) {
90
+
91
+ document.getElementById("msg").textContent += "▶︎ ";
92
+
93
+ //console.log("途中経過: " + m + "\n");
94
+
95
+ })
96
+
97
+ .catch(function(e) {
98
+
99
+ document.getElementById("msg").textContent += "[エラーです: " + e + "]";
100
+
101
+ console.log("エラーです: " + e);
102
+
103
+ })
104
+
105
+ .then(function(result) {
106
+
107
+ txt_out.innerHTML = result.text;
108
+
109
+ })
110
+
111
+ .finally(function(r) {
112
+
113
+ document.getElementById("msg").textContent += "[処理が終わりました]\n";
114
+
115
+ });
116
+
117
+ }
118
+
119
+
120
+
121
+ </script>
122
+
123
+ </head>
124
+
125
+
126
+
127
+ <body class="main-text-only">
128
+
129
+ <form name="f">
130
+
131
+
132
+
133
+ <ol>
134
+
135
+ <li>言語を指定し (
136
+
137
+ <select name="lang_options" id="lang_options">
138
+
139
+ <option value="eng">English</option>
140
+
141
+ <option value="jpn" selected>Japanese</option>
142
+
143
+ <option value="kor">Korean</option>
144
+
145
+ </select>
146
+
147
+ )、
148
+
149
+ </li>
150
+
151
+
152
+
153
+ <li>
154
+
155
+ 画像ファイルを選択し
156
+
157
+ (<input type="file" id="input_image_file" name="input_image_file" />)、
158
+
159
+ </li>
160
+
161
+
162
+
163
+ <li>
164
+
165
+ そのファイルを
166
+
167
+ <input type="button" value="読み込んで" onclick="read_in()">
168
+
169
+ ください。
170
+
171
+ </li>
172
+
173
+ </ol>
174
+
175
+ </form>
176
+
177
+
178
+
179
+ <table style="margin: auto;">
180
+
181
+ <tr><th>認識対象画像</th><th>読み取り結果</th></tr>
182
+
183
+ <tr>
184
+
185
+ <td style="overflow: auto;"><img id="read_image" style="max-width: 450px; max-height: 450px;" /></td>
186
+
187
+ <td id="text_of_read_image" style="white-space: pre; font-family: monospace;"></td>
188
+
189
+ </tr>
190
+
191
+ </table>
192
+
193
+ </body>
194
+
195
+ </html>
196
+
197
+
198
+
199
+ ```

2

ｍｍｍｍｍｍｍｍｍｍｍｍｍｍｍｍｍ

2018/09/08 06:02

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,225 +1 @@
1
1
  Tesseract-OCRを利用しようとしているのですがうまくいきません
2
-
3
-
4
-
5
- ソースを貼るのでおかしな点や修正方法を教えて下さい
6
-
7
-
8
-
9
- ```
10
-
11
- <!DOCTYPE html>
12
-
13
- <html>
14
-
15
- <head>
16
-
17
- <meta charset="UTF-8">
18
-
19
- <base target="_top">
20
-
21
- <title>Tesseract.js</title>
22
-
23
- <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js></script>
24
-
25
- <script>
26
-
27
- // ユーザ指定のファイルを読み込み、画像認識の関数を呼び出す。
28
-
29
- function read_in() {
30
-
31
- var reader = new FileReader();
32
-
33
- reader.onload = function (e) {
34
-
35
- //選択された画像をimg要素として表示する。
36
-
37
- document.getElementById("read_image").src = e.target.result;
38
-
39
- //画像認識を行う
40
-
41
- recognize_image();
42
-
43
- }
44
-
45
- // 画像ファイルをdata URLとして読み込むように指示しておく。
46
-
47
- reader.readAsDataURL(document.getElementById("input_image_file").files[0]);
48
-
49
- }
50
-
51
-
52
-
53
-
54
-
55
- // 画像認識を行う。
56
-
57
- function recognize_image() {
58
-
59
- //結果出力先の要素を取得する。
60
-
61
- var txt_out = document.getElementById("text_of_read_image");
62
-
63
- //複数回、連続して実行するときのために、最初に中身を捨てる。
64
-
65
- txt_out.innerHTML = "";
66
-
67
- //指定された言語のコードを取得する。
68
-
69
- var lang_list = document.getElementById("lang_options");
70
-
71
- var selected_lang = lang_list.options[lang_list.selectedIndex].value;
72
-
73
- console.log(selected_lang + "が選択されました。");
74
-
75
-
76
-
77
- document.getElementById("msg").textContent = "[処理を開始しました。]\n";
78
-
79
-
80
-
81
- //画像認識
82
-
83
- Tesseract.recognize(
84
-
85
- document.getElementById("read_image").src,
86
-
87
- {
88
-
89
- lang: selected_lang
90
-
91
- })
92
-
93
- .progress(function(m) {
94
-
95
- document.getElementById("msg").textContent += "▶︎ ";
96
-
97
- //console.log("途中経過: " + m + "\n");
98
-
99
- })
100
-
101
- .catch(function(e) {
102
-
103
- document.getElementById("msg").textContent += "[エラーです: " + e + "]";
104
-
105
- console.log("エラーです: " + e);
106
-
107
- })
108
-
109
- .then(function(result) {
110
-
111
- txt_out.innerHTML = result.text;
112
-
113
- })
114
-
115
- .finally(function(r) {
116
-
117
- document.getElementById("msg").textContent += "[処理が終わりました]\n";
118
-
119
- });
120
-
121
- }
122
-
123
-
124
-
125
- </script>
126
-
127
-
128
-
129
- <link rel="stylesheet" href="../article.css" type="text/css">
130
-
131
- </head>
132
-
133
-
134
-
135
- <body class="main-text-only">
136
-
137
-
138
-
139
-
140
-
141
- <form name="f">
142
-
143
-
144
-
145
- <ol>
146
-
147
- <li>言語を指定し (
148
-
149
- <select name="lang_options" id="lang_options">
150
-
151
- <option value="eng">English</option>
152
-
153
- <option value="jpn" selected>Japanese</option>
154
-
155
- <option value="kan">Kannada</option>
156
-
157
- <option value="kor">Korean</option>
158
-
159
- </select>
160
-
161
- )、
162
-
163
- </li>
164
-
165
-
166
-
167
- <li>
168
-
169
- 画像ファイルを選択し
170
-
171
- (<input type="file" id="input_image_file" name="input_image_file" />)、
172
-
173
- </li>
174
-
175
-
176
-
177
- <li>
178
-
179
- そのファイルを
180
-
181
- <input type="button" value="読み込んで" onclick="read_in()">
182
-
183
- ください。
184
-
185
- </li>
186
-
187
- </ol>
188
-
189
- </form>
190
-
191
-
192
-
193
- <table style="margin: auto;">
194
-
195
- <tr><th>認識対象画像</th><th>読み取り結果</th></tr>
196
-
197
- <tr>
198
-
199
- <td style="overflow: auto;"><img id="read_image" style="max-width: 450px; max-height: 450px;" /></td>
200
-
201
- <td id="text_of_read_image" style="white-space: pre; font-family: monospace;"></td>
202
-
203
- </tr>
204
-
205
- </table>
206
-
207
-
208
-
209
- <p id="msg" style="color: darkred; font-style: italic; overflow: auto; max-height: 10ex;"></p>
210
-
211
- </body>
212
-
213
- </html>
214
-
215
- ```
216
-
217
- コンソールに表示されるエラー文
218
-
219
-
220
-
221
- ![コンソールに表示されるエラー文](9d7678294cd5387ebb4bc9a1d0e3410a.png)
222
-
223
-
224
-
225
- 参考サイト：https://piyo-ko.github.io/tools/ocr_with_tesseract.html

1

エラー文を追加しました

2018/09/07 06:54

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -214,4 +214,12 @@
214
214
 
215
215
  ```
216
216
 
217
+ コンソールに表示されるエラー文
218
+
219
+
220
+
221
+ ![コンソールに表示されるエラー文](9d7678294cd5387ebb4bc9a1d0e3410a.png)
222
+
223
+
224
+
217
225
  参考サイト：https://piyo-ko.github.io/tools/ocr_with_tesseract.html