How to prevent none images to be seen in browsing using jquery

Question

I want to do is if the user click to browse for files he should see images only no other files. How to do that using jquery?

My problem is I can see and choose other files besides images when i browse.

current output: http://jsfiddle.net/LvsYc/3123/

function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#Picture').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } $("#imgInp").change(function(){ readURL(this); });

user3728283 · Accepted Answer · 2014-06-17 01:37:39Z

2

Change your input to:

<input type='file' id="imgInp" accept="image/*" />

http://jsfiddle.net/LvsYc/3124/

answered Jun 17, 2014 at 1:37

user3728283

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to prevent none images to be seen in browsing using jquery

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related