JSFiddle - React, Tailwind, and code Playground

by charaf11

HTML

<div class="row">
<div class="col-md-4 link">
    <a id="link" href="http://stacktoheap.com/images/stackoverflow.png" class="img-link">DSC02040.JPG</a>
</div>
<div class="col-md-4 image"></div>
<div class="col-md-4 exif"></div>

JavaScript

$("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());
    });
});});