Is there any Jquery plugin that will restrict a HTML file uploader only to accept images

Question

I saw a lot of file up loader plugins .I dont want to use the entire file upload plugin ..

Means , I am using my own code. But i didnt find a way to restrict the file type the uploader accepts .. How can i do that? . Is there any plugin which doing only this function ( I don't want to use a full file uploader plugin)

You can use a validator to only accept the extensions you want. — Rob, Oct 21 '11 at 10:58

score 3 · Answer 1 · answered Oct 21 '11 at 11:44

3

This requires HTML5, jQuery is not needed. I think it will be small enough to use pure JavaScript:

first you can set the accept attribute to image/*
after that you can use the File Api to read the first bytes for the magic number - image numbers demo

These are just some ideas. You can devise some heuristic to check the file type based on this.

answered Oct 21 '11 at 11:44

Bakudan

19,134
9
53
73

A concrete example of the use of the html "accept attribute" would have been useful for newbies like myself. Here's one i found: `` – Kevin Mar 19 '17 at 22:53

Is there any Jquery plugin that will restrict a HTML file uploader only to accept images

1 Answers1

Linked