現在、HTML JavaScriptからキャンバス画像を保存し、JSONを使用してキャンバス画像をRESTful Webサービスにアップロードするツールを実装しています。JavaScriptからRESTful WebサービスへのPOSTキャンバス画像
JSONをWebサービスに使用してキャンバスイメージをアップロードする方法と、Javaを使用してキャンバスイメージをWebサービス側に取得するコードを実装する方法について説明しました。
皆さん、私を助けてくれることを願っております。
アドバイスありがとうございました。ありがとうございました。
キャンバスレンダリングされた画像のサムネイルを保存していました。基本的にcanvasオブジェクトはtoDataURL()メソッドを持っていますが、toDataURL（ "image/png"）のように呼び出され、フォームの隠しフィールドに格納されますが、ajax呼び出しで直接送ることもできます。
私は基本的にイメージをdb形式で保存していましたが、おそらくより持続可能な長期的なハードドライブに保存することができます。ルビー/レールの例サムネイル検索の実装：
def thumbnail
render :status => 200,
:content_type => 'image/png',
:text => Base64.decode64(
thumbnail["data:image/png;base64,".length .. thumbnail.length]
) # there is extra "data:image/png;base64," at the start
end
ありがとう、私はこのメソッドを試してみました。例の一部https://jsfiddle.net/mkL58yez/2/今、私はjsonをリンクしてWebサービスを休止する方法について固執しています。私は画像ファイルを変換するステップがわからないので、javaでコード化する方法については全く知らない。 – lastprogrammer
まあ、あなたが送信しているのは、imageDataプロパティを持つjsonオブジェクトです。あなたのバックエンドはjsonフォーマットのPOSTリクエストを受け入れると仮定します。あなたは作成したimageDataフィールドを介してそれにアクセスします。一旦サーバー上にデータがあると、あなたは好きなようにファイルを保存することができます - ハードディスクやs3クラウドにファイルすることができます。最初にbase64からデコードし、バイナリ形式で保存する必要があります。 –
これまでに試したコードを追加してください。 – asg
ここに@asgは、私のjavascriptとhtmlコードの一部です。 https://jsfiddle.net/mkL58yez/2/。今、私はjsonをリンクしてWebサービスを休止する方法について固執しています。私はどのようにJavaでコード化するのか分からない。 – lastprogrammer