a condition for upload file only with specific format

Question

How can I define a condition in a form input for uploading an image that user can just upload image with a specific format?

<div class="form-group">

    <div class="leftbox">
         <div class="col-sm-12" align="right">
              <input type="file" name="filedata" style="width:250px; background:none; " name="mipic"/>
                .jpeg,.jpg,.png
              </div>
         </div>
</div><br/>

http://stackoverflow.com/questions/3828554/how-to-allow-input-type-file-to-accept-only-image-files — AshBringer, Aug 04 '15 at 07:31

score 1 · Accepted Answer · answered Aug 04 '15 at 08:06

1

<input type="file" name="imagefilename" accept="image/x-png, image/gif, image/jpeg" />

answered Aug 04 '15 at 08:06

Jithesh_FC · Answer 2 · 2015-08-04T07:59:12.413

you can validate it by using the following JavaScript function.

function imageType() {
    var image = document.getElementById("Image").value;
    var extension;
    if (image == "") {
        alert("Upload a File With jpeg/jpg/png extension");
        return false;
    }
    else 
    {
        extension=image.split(".");
        if (extension[1] == "jpeg" ||extension[1] == "jpg" ||extension[1] == "png")
            return true;
        else {
            alert("File with " + image.split(".")[1] + " is not supported");
            return false;
        }
    }
    return true;
}

a condition for upload file only with specific format

2 Answers2