JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<input type="file" name="image1" id="image1" class="cropit-image"/><br />
<input type="file" name="image2" id="image2" class="cropit-image"/><br />
<input type="file" name="image3" id="image3" class="cropit-image"/><br />
<br />
<input type="button" onclick="validateImage()" value="Crop images >>"/><br />
<span id="results"></span>

CSS

.pending {
  background-color: yellow;
}
.complete {
  background-color: green;
}

JavaScript

function validateImage() 
{
  var cropitImages= $('.cropit-image');
  if (cropitImages.length > 0) {
    for (var i=0;i < cropitImages.length;i++) {
      console.log(cropitImages[i]);
    }
  }
}

function sendImage(id, image) {
  
}