(1)フロントで文字を書く(canvas)。
(2)ボタン押下でサーバへPNG形式で送信(XHRでアドレスは/canvas/myImage)。
(3)サーバは/canvas/myImageで待ち受け、届いたデータを処理する。
->この処理はPython連携でOCRチェックを想定しています。
(4)レスポンスとして、文字が判別できたかどうかをクライアントへ返す。
(3)でどうしたらデータが取得できるのか、現在悩んでいます。
ソースとしては、Kotlinの(A)の箇所です。
JS
1 function sendImg(){ 2 3 var png = canvas.toDataURL(); 4 5 var url = "/canvas/myImage"; 6 var xhr = new XMLHttpRequest(); 7 xhr.open("GET", url, false); //結果を待つので同期処理にしています。 8 xhr.setRequestHeader("Content-Type", "image/png"); //送信データのMIMEを決めています。 9 10 xhr.send(png); 11 } 12
Kotlin
1// ControllerとしてApplication.ktへ追加した関数です。 2fun Application.canvasModule(testing: Boolean = false) { 3 routing { 4 canvasRoute() 5 } 6} 7 8// 待機しているアドレスです。 9 fun Route.canvasRoute() { 10 get("/canvas/myImage"){ 11 /* 12 ここでKotlinで処理するPOSTされたデータを取得したいです。-----(A) 13 */ 14 // dummyで適当なページを現在返します。 15 call.respond(ThymeleafContent("index", mapOf())) 16 } 17 }
Androidで画像データの受け渡しなどはヒットするのですが、Webアプリとなります。
参考にできるサイトなど、ご教授いただければと思います。
あなたの回答
tips
プレビュー