JSFiddle - React, Tailwind, and code Playground

by davehol

JavaScript

(function() {
  document.addEventListener("DOMContentLoaded", function(event) {
    var check = setInterval(function() {
      var element = document.getElementsByClassName('duplicateLink');
      if (element.length > 0) {
        for (let i = 0; i < element.length; i++) {
          element[0].addEventListener("click", uploadEvent);
          console.log(element.length);
        }
      }
    }, 1000);
    setTimeout(function() {
      clearInterval(check);
    }, 5000);
    
    uploadEvent();

    function uploadEvent() {
      let fileInput = document.querySelectorAll('input[type=file]');
      for (let i = 0; i < fileInput.length; i++) {
        fileInput[i].addEventListener("change", checkFileSize);
      }
    }

    function checkFileSize() {
      let fileInput = document.querySelectorAll('input[type=file]');
      let fileMb = 0;
      let fileSize = 0;
      for (let i = 0; i < fileInput.length; i++) {
        if (fileInput[i].files.length > 0) {
          fileSize = fileSize + fileInput[i].files.item(0).size;
          fileMb = fileSize / 1024 ** 2;
        }
      }
      fileMb = fileSize / 1024 ** 2;
      alert(fileMb);
    }
  });
})();