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

編集履歴

質問編集履歴

6

質問削除の取り消し

2018/09/10 01:48

投稿

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

5

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

2018/09/10 01:48

投稿

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

4

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

2018/09/08 13:58

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,12 +1,6 @@
1
1
  Tesseract-OCRを利用しようとしているのですがうまくいきません
2
2
 
3
3
  ```
4
- <!DOCTYPE html>
5
- <html>
6
- <head>
7
- <meta charset="UTF-8">
8
- <base target="_top">
9
- <title>Tesseract.js</title>
10
4
  <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
11
5
  <script>
12
6
  // ユーザ指定のファイルを読み込み、画像認識の関数を呼び出す。
@@ -61,40 +55,6 @@
61
55
  </script>
62
56
  </head>
63
57
 
64
- <body class="main-text-only">
65
- <form name="f">
66
58
 
67
- <ol>
68
- <li>言語を指定し (
69
- <select name="lang_options" id="lang_options">
70
- <option value="eng">English</option>
71
- <option value="jpn" selected>Japanese</option>
72
- <option value="kor">Korean</option>
73
- </select>
74
- )、
75
- </li>
76
59
 
77
- <li>
78
- 画像ファイルを選択し
79
- (<input type="file" id="input_image_file" name="input_image_file" />)、
80
- </li>
81
-
82
- <li>
83
- そのファイルを
84
- <input type="button" value="読み込んで" onclick="read_in()">
85
- ください。
86
- </li>
87
- </ol>
88
- </form>
89
-
90
- <table style="margin: auto;">
91
- <tr><th>認識対象画像</th><th>読み取り結果</th></tr>
92
- <tr>
93
- <td style="overflow: auto;"><img id="read_image" style="max-width: 450px; max-height: 450px;" /></td>
94
- <td id="text_of_read_image" style="white-space: pre; font-family: monospace;"></td>
95
- </tr>
96
- </table>
97
- </body>
98
- </html>
99
-
100
60
  ```

3

しｊうぃｊうぃｊｗ

2018/09/08 07:55

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,1 +1,100 @@
1
- Tesseract-OCRを利用しようとしているのですがうまくいきません
1
+ Tesseract-OCRを利用しようとしているのですがうまくいきません
2
+
3
+ ```
4
+ <!DOCTYPE html>
5
+ <html>
6
+ <head>
7
+ <meta charset="UTF-8">
8
+ <base target="_top">
9
+ <title>Tesseract.js</title>
10
+ <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
11
+ <script>
12
+ // ユーザ指定のファイルを読み込み、画像認識の関数を呼び出す。
13
+ function read_in() {
14
+ var reader = new FileReader();
15
+ reader.onload = function (e) {
16
+ //選択された画像をimg要素として表示する。
17
+ document.getElementById("read_image").src = e.target.result;
18
+ //画像認識を行う
19
+ recognize_image();
20
+ }
21
+ // 画像ファイルをdata URLとして読み込むように指示しておく。
22
+ reader.readAsDataURL(document.getElementById("input_image_file").files[0]);
23
+ }
24
+
25
+
26
+ // 画像認識を行う。
27
+ function recognize_image() {
28
+ //結果出力先の要素を取得する。
29
+ var txt_out = document.getElementById("text_of_read_image");
30
+ //複数回、連続して実行するときのために、最初に中身を捨てる。
31
+ txt_out.innerHTML = "";
32
+ //指定された言語のコードを取得する。
33
+ var lang_list = document.getElementById("lang_options");
34
+ var selected_lang = lang_list.options[lang_list.selectedIndex].value;
35
+ console.log(selected_lang + "が選択されました。");
36
+
37
+ document.getElementById("msg").textContent = "[処理を開始しました。]\n";
38
+
39
+ //画像認識
40
+ Tesseract.recognize(
41
+ document.getElementById("read_image").src,
42
+ {
43
+ lang: selected_lang
44
+ })
45
+ .progress(function(m) {
46
+ document.getElementById("msg").textContent += "▶︎ ";
47
+ //console.log("途中経過: " + m + "\n");
48
+ })
49
+ .catch(function(e) {
50
+ document.getElementById("msg").textContent += "[エラーです: " + e + "]";
51
+ console.log("エラーです: " + e);
52
+ })
53
+ .then(function(result) {
54
+ txt_out.innerHTML = result.text;
55
+ })
56
+ .finally(function(r) {
57
+ document.getElementById("msg").textContent += "[処理が終わりました]\n";
58
+ });
59
+ }
60
+
61
+ </script>
62
+ </head>
63
+
64
+ <body class="main-text-only">
65
+ <form name="f">
66
+
67
+ <ol>
68
+ <li>言語を指定し (
69
+ <select name="lang_options" id="lang_options">
70
+ <option value="eng">English</option>
71
+ <option value="jpn" selected>Japanese</option>
72
+ <option value="kor">Korean</option>
73
+ </select>
74
+ )、
75
+ </li>
76
+
77
+ <li>
78
+ 画像ファイルを選択し
79
+ (<input type="file" id="input_image_file" name="input_image_file" />)、
80
+ </li>
81
+
82
+ <li>
83
+ そのファイルを
84
+ <input type="button" value="読み込んで" onclick="read_in()">
85
+ ください。
86
+ </li>
87
+ </ol>
88
+ </form>
89
+
90
+ <table style="margin: auto;">
91
+ <tr><th>認識対象画像</th><th>読み取り結果</th></tr>
92
+ <tr>
93
+ <td style="overflow: auto;"><img id="read_image" style="max-width: 450px; max-height: 450px;" /></td>
94
+ <td id="text_of_read_image" style="white-space: pre; font-family: monospace;"></td>
95
+ </tr>
96
+ </table>
97
+ </body>
98
+ </html>
99
+
100
+ ```

2

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

2018/09/08 06:02

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,113 +1,1 @@
1
- Tesseract-OCRを利用しようとしているのですがうまくいきません
1
+ Tesseract-OCRを利用しようとしているのですがうまくいきません
2
-
3
- ソースを貼るのでおかしな点や修正方法を教えて下さい
4
-
5
- ```
6
- <!DOCTYPE html>
7
- <html>
8
- <head>
9
- <meta charset="UTF-8">
10
- <base target="_top">
11
- <title>Tesseract.js</title>
12
- <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js></script>
13
- <script>
14
- // ユーザ指定のファイルを読み込み、画像認識の関数を呼び出す。
15
- function read_in() {
16
- var reader = new FileReader();
17
- reader.onload = function (e) {
18
- //選択された画像をimg要素として表示する。
19
- document.getElementById("read_image").src = e.target.result;
20
- //画像認識を行う
21
- recognize_image();
22
- }
23
- // 画像ファイルをdata URLとして読み込むように指示しておく。
24
- reader.readAsDataURL(document.getElementById("input_image_file").files[0]);
25
- }
26
-
27
-
28
- // 画像認識を行う。
29
- function recognize_image() {
30
- //結果出力先の要素を取得する。
31
- var txt_out = document.getElementById("text_of_read_image");
32
- //複数回、連続して実行するときのために、最初に中身を捨てる。
33
- txt_out.innerHTML = "";
34
- //指定された言語のコードを取得する。
35
- var lang_list = document.getElementById("lang_options");
36
- var selected_lang = lang_list.options[lang_list.selectedIndex].value;
37
- console.log(selected_lang + "が選択されました。");
38
-
39
- document.getElementById("msg").textContent = "[処理を開始しました。]\n";
40
-
41
- //画像認識
42
- Tesseract.recognize(
43
- document.getElementById("read_image").src,
44
- {
45
- lang: selected_lang
46
- })
47
- .progress(function(m) {
48
- document.getElementById("msg").textContent += "▶︎ ";
49
- //console.log("途中経過: " + m + "\n");
50
- })
51
- .catch(function(e) {
52
- document.getElementById("msg").textContent += "[エラーです: " + e + "]";
53
- console.log("エラーです: " + e);
54
- })
55
- .then(function(result) {
56
- txt_out.innerHTML = result.text;
57
- })
58
- .finally(function(r) {
59
- document.getElementById("msg").textContent += "[処理が終わりました]\n";
60
- });
61
- }
62
-
63
- </script>
64
-
65
- <link rel="stylesheet" href="../article.css" type="text/css">
66
- </head>
67
-
68
- <body class="main-text-only">
69
-
70
-
71
- <form name="f">
72
-
73
- <ol>
74
- <li>言語を指定し (
75
- <select name="lang_options" id="lang_options">
76
- <option value="eng">English</option>
77
- <option value="jpn" selected>Japanese</option>
78
- <option value="kan">Kannada</option>
79
- <option value="kor">Korean</option>
80
- </select>
81
- )、
82
- </li>
83
-
84
- <li>
85
- 画像ファイルを選択し
86
- (<input type="file" id="input_image_file" name="input_image_file" />)、
87
- </li>
88
-
89
- <li>
90
- そのファイルを
91
- <input type="button" value="読み込んで" onclick="read_in()">
92
- ください。
93
- </li>
94
- </ol>
95
- </form>
96
-
97
- <table style="margin: auto;">
98
- <tr><th>認識対象画像</th><th>読み取り結果</th></tr>
99
- <tr>
100
- <td style="overflow: auto;"><img id="read_image" style="max-width: 450px; max-height: 450px;" /></td>
101
- <td id="text_of_read_image" style="white-space: pre; font-family: monospace;"></td>
102
- </tr>
103
- </table>
104
-
105
- <p id="msg" style="color: darkred; font-style: italic; overflow: auto; max-height: 10ex;"></p>
106
- </body>
107
- </html>
108
- ```
109
- コンソールに表示されるエラー文
110
-
111
- ![コンソールに表示されるエラー文](9d7678294cd5387ebb4bc9a1d0e3410a.png)
112
-
113
- 参考サイト：https://piyo-ko.github.io/tools/ocr_with_tesseract.html

1

エラー文を追加しました

2018/09/07 06:54

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -106,4 +106,8 @@
106
106
  </body>
107
107
  </html>
108
108
  ```
109
+ コンソールに表示されるエラー文
110
+
111
+ ![コンソールに表示されるエラー文](9d7678294cd5387ebb4bc9a1d0e3410a.png)
112
+
109
113
  参考サイト：https://piyo-ko.github.io/tools/ocr_with_tesseract.html