Question

170

Validate image type using javascript

rated 0 times [ 174] [ 4] / answers: 1 / hits: 46814 / 15 Years ago, sun, january 10, 2010, 12:00:00

i have a form like this:

<form method=post src=upload enctype=multipart/form-data>

    <input name=img1 id=img1 type=file>

    <input type=submit value=Upload>

</form >

Please how can I valid this form using javascript so that only jpg files are uploaded. thanks for reading.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jordenfabiand

Add To Favorites

Follow

Total Points: 678

Total Questions: 107

Total Answers: 95

Location: Western Sahara

Member since Mon, May 3, 2021

3 Years ago

jordenfabiand questions

1 Upload dynamic multiple files in Nest JS

Sun, Feb 20, 22, 00:00, 2 Years ago

1 How to read txt file and save it in array in javascript in html

Thu, Jan 21, 21, 00:00, 3 Years ago

1 ReactJS: How to get response array inside State(useState) and check the length of the array when rendering/binding

Sat, Jul 18, 20, 00:00, 4 Years ago

1 How to make a Carousel with more than 3 images in Bootstrap?

Thu, Feb 13, 20, 00:00, 4 Years ago

1 Map Json Data to new key-value pair JavaScript object

Fri, Nov 15, 19, 00:00, 5 Years ago

View All

answered 15 Years ago danae · Accepted Answer

You can bind the onsubmit event of your form, and check if the value of your file input ends with .jpg or .jpeg, something like this:

window.onload = function () {

  var form = document.getElementById('uploadForm'),

      imageInput = document.getElementById('img1');



  form.onsubmit = function () {

    var isValid = /.jpe?g$/i.test(imageInput.value);

    if (!isValid) {

      alert('Only jpg files allowed!');

    }



    return isValid;

  };

};

Check the above example here.