javascript - 表示前のimgのサイズを設定する

Question

ユーザーがボタンをクリックすると、キャンバスの画像が img 要素に表示されます。画像の幅を超えるかどうかを確認しました。超えている場合は、サイズを変更してから表示してください。ただし、これは機能しません。デバッグすると、幅のチェックが新しい幅ではなく、古い幅に基づいていることに気付きました。

<input type="button" value="Load" onclick="loadImage();" />
<img id="aImg" name="aImg" src="${param.src}"></img>

ジャバスクリプトで...

function loadImage() {
    var dataURL = "http://xxx.jpg";
    var dis = document.getElementById("aImg");
    dis.crossOrigin = "anonymous";
    dis.src = dataURL;

    if(dis.width > 800){
      dis.width = 800;
    }
}

私の画像は明らかに 800 を超えていますが、実際の幅で表示されています。デバッグするときは、dis.width実際に古い幅を確認してください。この問題を解決する方法はありますか? ありがとう。