JSFiddle - React, Tailwind, and code Playground

by liquidmetalrob

HTML

<form method="post" enctype="multipart/form-data">
    <!-- {% csrf_token %} -->
    <input type="file" name="myfile" accept="image/*" id="file" style= "margin-top:10px" />
    <!-- <input type="text" name="url" placeholder="Insert URL" id="url" autocomplete="off" class="clearable"> -->
    
    <input type="submit" style="display: none;" name='image_file' value="Upload" />
    <br><br>
  </form>

CSS

.hidden {
  display: none !important;
}

JavaScript

setInterval(function(){
    if($('#file').val()!=""){
     $('[type=submit]').show();
    }else{
        $('[type=submit]').hide();
    }
},0);