Как сделать, чтобы input принимал только картинки

Чтобы input в  html форме принимал только картинки, достаточно прописать это с помощью атрибута accept.

В данном случае перечислим все варианты вручную (удобно, когда нужно разрешить определенные форматы - лишние можете просто удалить из списка):  

<input type="file" name="example" 

accept="image/png, image/gif, image/jpeg" /> 

Есть более короткий вариант записи (удобно, когда можно использовать любые картинки):

<input type="file" name="example" accept="image/*" />

Не забудьте, что совместно с этим все равно необходима валидация!