Question

I have a form and I’m trying to figure out how I can submit the form after the user uploads a picture and it is verified that it is a picture. I am trying to use javascript to verify the image being uploaded.

Answer 1

Try this:

<script>
    function submitFormAfterImageCheck()
    {
        if(/(\.jpeg|\.jpg|\.gif|\.png|\.tiff)$/.test(document.getElementById("myFile").value))
        {
            document.getElementById("myForm").submit();
        }
        else
        {
            alert("you can only upload an image");
        }
    }
</script>

And the HTML:

<input id="myFile" type="file" onchange="submitFormAfterImageCheck();" />