FileAPIで画像表示後、colorboxの大きさと位置を調整したい

Question

前回の投稿の続きです。
https://teratail.com/questions/33141

現在html,jQuery(JavaScript)を使ってcolorboxにローカルフォルダの画像を表示する機能を作っています。

画像を表示するのに
<input type="file">に対してchangeイベントハンドラを登録し、その中でFileAPIを使って行っています。

ほぼ以下リンク先の書き方です。
http://blog.asial.co.jp/iphone/1079

その画像を表示後、その画像の大きさに合わせてcolorboxをリサイズしたいのですが、画像に合った高さになりません。

どうやらchangeイベントが終わって初めて画像が表示されているため、changeイベント内でcolorboxのリサイズ処理をしても正確な高さを算出していないようなのです。

そこで画像表示後、つまりchangeイベント後にcolorboxのリサイズ処理をしたいのですが、そのようなことができるでしょうか？

とくにリサイズのためボタンを押すわけでもなく、changeイベントの流れ、つまりローカルフォルダから画像を選ぶというイベントの流れで、リサイズ処理をしたいのです。

「changeイベントが終わってから関数を呼ぶ」のような書き方はできるでしょうか？

もしわかる方がいらっしゃればお教え頂きたいです。

また私の推測が間違っており、リサイズがうまくいかないのは画像が表示されていないから。ではない。だからこういうやり方をすればいけるんじゃないか？と言ったような意見もお待ちしております。

よろしくお願い致します。

Answer 1

イベントドリブンの知識をきっかけにonload処理の外にあったresize（）を内に入れることでかいけつすることができました。