Выберите только изображения для загрузки через кнопку обзора

Question

Я хочу сделать форму загрузки файла.

Но моя путаница заключается в том, что когда я помещаю элемент файла в html, он позволяет выбирать все типы файлов.

Я хочу, чтобы кнопка обзора позволяла выбирать изображения только из файловой системы.

На самом деле он должен отображать только изображения файловой системы.

Заранее спасибо.

Answer 1

Атрибут «accept» со списком типов MIME, не поддерживается ни одним браузером.

<input type="file" accept="image/gif, image/jpeg" />

Вы можете отсортировать расширение файла с помощью JS или попробовать http://swfupload.org/

Answer 2

Uploadify будет работать для вас. Это позволяет вам указать, какие типы файлов будут видны пользователю. Это также может позволить пользователю загружать несколько файлов одновременно, если вам это нужно. Все загруженные файлы отображаются в очереди с индикаторами выполнения и удаляются из очереди после завершения загрузки. Я очень рекомендую это.

Answer 3

Вообще говоря, загрузка файлов должна быть проверена на стороне сервера, так как основные браузеры не полностью поддерживают атрибут accept. Пример ниже:

$accept = array('jpg','png','gif','bmp');
$extension = substr($_FILES['file']['name'],strrpos($_FILES['file']['name'],'.')+1);

if(!in_array($extension,$accept)){
  // If the extension is not allowed show an error, else, the file type is valid
  echo 'Not a valid file extension';
}