質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Q&A

1回答

4181閲覧

JavaのWebアプリケーションで、Webページ画面をキャプチャしサーバーに画像データを送りたい。

ryo_se

総合スコア68

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

1グッド

0クリップ

投稿2016/02/08 08:00

Javaを使用したWebアプリケーションで、Webページ画面を一定間隔でキャプチャし、
サーバー側に画像データを送るシステムを作りたいと思っています。

単体のJavaアプリケーションとしてなら参考文献が比較的あるのですが、
Webアプリケーションで行うものが中々見つかりません。

基本的にはページ全体ではなく表示されている画面部分のみキャプチャして送る形で問題ありません。
最悪、PC画面全体をキャプチャする形でも構いません。
ご教授のほど、お願いいたします。

環境
Java8
Tomcat8
Struts2
Jquery

tatsuya6502👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

投稿2016/02/08 08:03

ipadcaron

総合スコア1693

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ryo_se

2016/02/08 10:13

ありがとうございます、ただ取得したデータを画像ファイルとしてサーバに送信したいです。
ipadcaron

2016/02/08 13:49 編集

toDataURL()メソッドで base64 データのpng 画像イメージが取得できます。 あとは適当に送信して、base64decode すれば????です。
ryo_se

2016/02/09 13:21

色々試行錯誤してみました。 が、base64のdecodeの部分がうまくいきません。 base64 データをAjax(画面遷移無しでアップロードさせたいため)で文字列として送信。 送られてきた文字列からヘッダの「data:image/png;base64,」文字列を取り除き、 byte型に変換。 それをByteOutputStreamでpngファイルとして出力。 ここまではよいのですが、出力したpngファイルが何も表示されていません。 試しにajaxでサーバに送るのではなく、hrefタグでクライアント側でダウンロードする形式にした場合はしっかりとキャプチャできています。 また、出力した画像ファイルは長さと容量は持っており、縦横の長さは上記のダウンロードした画像と同じ値となっています。 原因はどういったことが考えられるでしょうか?
ipadcaron

2016/02/09 14:16 編集

java.util.Base64#getDecoder() ですか。 Base64 クラスが無いJava8 の場合は、最新にアップデートするか、適当なやつ探してください。 base64 にエンコードされたものをそのまま保存したところで base64 のままです。 base64 は元データサイズの1.3倍に増える圧縮です。増えちゃうので圧縮とは言わないのかな?
ryo_se

2016/02/10 00:28

変換には「commons-codec-1.10.jar」を使用しています。 String base64 = getParamCode(); /** ajaxで取得したデータ */ base64 = base64.replaceFirst("data:image/png;base64,",""); byte[] covertByte = Base64.decodeBase64(base64); try { File outf = new File("C:\\\\coding\\decode.png"); FileOutputStream fo = new FileOutputStream(outf); fo.write(covertByte); fo.close(); } catch (Exception e) { e.printStackTrace(); }
ipadcaron

2016/02/10 00:49

画面でキャプチャしたイメージの base64 データを画面のテキストエリアに格納、 コピペして保存。 送信して、サーブレットで受信したbase64 データをそのままテキストファイルで保存。 winmerge で比較。 同じなら、次。 commons-codec を使わないで同じ処理を実現してください。 java.util.Base64 が使えないなら、 javascript base64 encode decode sample で検索すると、javascriptのbase64 変換、デコードのサンプルが見つかります。 適当なの選んで、java で書き直す。で、同様に画面とサーバでテキストのーまま 保存。 winmerge で比較、同一を確認したら、commos-codec のソレと比較。 同じなら、次。 うーーん、、、、とりあえず上2つの結果待ちます。
ryo_se

2016/02/10 02:23 編集

実際にキャプチャできた内容を比較してみたところ、サーバーに送られている文字列の「+」が半角スペースとなっていました。 サーバー側で半角スペースの文字を+に置き換えたところ、内容が表示されるようになりました、ありがとうございます。 ですがもう1点質問があります。 html5のobject要素で描画したpdfのキャプチャはできないのでしょうか? pdfの表示部分が何も表示されない状態となってしまします。 pdf.jsでiframe上に出力したものでも同様です。 代替方法がもしあればご教授いただければ幸いです。
ipadcaron

2016/02/10 03:18

htmltocanvas の制限っぽいですね。 htmltocanvas は、無い機能を作って表現しています。 pdf や、IFRAME内の表示などはうまくできないようです。 代替方法は、ブラウザ限定ですが、アドオンとの連携が考えられますが、現実的ではないでしょう。どうやるのかは知りませんが。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問