javascript - jQuery Exif と非同期

Question

リンクをクリックした後に画像を読み込み、次に Exif データを表示したい。私はこのようなコードを持っています。

<div class="row">
<div class="col-md-4 link">
    <a id="link" href="http://77.45.18.218/Szprotawa/Zdjecia/teren-aparat/DSC02040.JPG" class="img-link">DSC02040.JPG</a>
</div>
<div class="col-md-4 image"></div>
<div class="col-md-4 exif"></div>

JS

$("a").click(function(event) {
event.preventDefault();
console.log($(this).attr("href"));
var self = $(this);
var link = $(this).attr("href");
var img = $("<img />").attr('src', link).load(function() {
    self.parent().parent().children('.image').append(img);

    $(this).exifLoad(function() {
        self.parent().parent().children('.exif').append($(this).exifAll());
    });
});});

そして、それは機能していません。誰かが私がエラーを持っている場所を見るかもしれませんか? ありがとう。