読者です 読者をやめる 読者になる 読者になる

Wicket ファイルアップロードのプログレス

Wicket がファイルアップロードでプログレスバーを出すためのコンポーネント
用意している。
Wicket-extension の方にある。wicket-extensions-6.xx.jar を読むようにして、

org.apache.wicket.extensions.ajax.markup.html.form.upload.UploadProgressBar

これを Form に、FileUploadField を指定して追加する。

final FileUploadField csvFileUploadField = new FileUploadField("csvfile");
Form<Void> uploadform = new Form<Void>("form");
uploadform.setMultiPart(true);
uploadform.add(new UploadProgressBar("progress", uploadform, csvFileUploadField));

プログレスバーの表示、外観を調整したければ、、
UploadProgressBar.class と同じ階層に、UploadProgressBar.css
というスタイルシートが以下のように、定義されているので、ここに書かれた class名、wupb-border、wupb-background、wupb-foreground のスタイルを好きなように、上書きするCSSを用意すれば良い。
デフォルトで UploadProgressBar.css は、以下のようにかかれている。

/* Progress bar */
.wupb-progressBar {
   margin: 0.5em auto 0 auto;
}

.wupb-border {
   border: 1px solid #888;
   background-color: #eee;
   width: 20em;
   margin: 0 auto;
}

.wupb-background {
   background-color: #ccc;
   height: 1.5em;
   width: 0%;
}

.wupb-foreground {
   /* Nothing here - included merely so you know you can change this. */
}

プログレスの進捗時の.wupb-foreground が何も書かれていない!

background-color: #b1effe; 見たいに書いて、いざ、
試してみるが、

ファイル転送速度が速くて、確認できなかった。