Расширения фильтра при загрузке HTML-формы

Атрибут accept ожидает типы MIME, а не маски файлов. Например, чтобы принимать изображения PNG, вам потребуется accept = "image / png". Возможно, вам потребуется выяснить, какой тип MIME браузер считает вашим типом файла, и использовать его соответственно. Однако, поскольку файл «drp» не выглядит стандартным, мощь должен принимать общий тип MIME.

Кроме того, похоже, что большинство браузеров может не соблюдать этот атрибут.

Лучше всего фильтровать загрузку файлов на стороне сервера. Это неудобно, поскольку случайный пользователь может тратить время на загрузку файла только для того, чтобы узнать, что он выбрал не тот, но, по крайней мере, у вас будет некоторая форма целостности данных.

В качестве альтернативы вы можете выполнить быструю проверку с помощью JavaScript перед отправкой формы. Просто проверьте расширение значения поля файла, чтобы убедиться, что это «.drp». Вероятно, он будет поддерживаться в большей степени, чем атрибут accept.

Атрибут accept определяет список типов содержимого (типов MIME), разделенных запятыми, которые целевой объект формы будет обрабатывать правильно. К сожалению, этот атрибут игнорируется всеми основными браузерами, поэтому он никоим образом не влияет на файловый диалог браузера.

Вы можете сделать это с помощью javascript. Возьмите значение поля формы в своей функции отправки, проанализируйте расширение.

Начать можно примерно так:

<form name = "someform"enctype = "multipart/form-data" action = "uploader.php" method = "POST">
<input type=file name = "file1" />
<input type=button onclick = "val()" value = "xxxx" />
</form>
<script>
function val() {
    alert(document.someform.file1.value)
}
</script>

Я согласен с alexmac - тоже на стороне сервера.

Я бы не стал использовать этот атрибут, поскольку большинство браузеров игнорируют его, как указывает CMS.

Обязательно используйте проверку на стороне клиента, но только в сочетании со стороной сервера. Можно обойти любую проверку на стороне клиента.

Немного не по теме, но некоторые люди проверяют тип содержимого, чтобы проверить загруженный файл. Вы должны быть осторожны с этим, так как злоумышленник может легко изменить его и, например, загрузить файл php. См. Пример по адресу: http://www.scanit.be/uploads/php-file-upload.pdf

Я использую javascript для проверки расширения файла. Вот мой код:

HTML

<input name = "fileToUpload" type = "file" onchange = "check_file()" >

.. ..

javascript

function check_file(){
                str=document.getElementById('fileToUpload').value.toUpperCase();
        suffix = ".JPG";
        suffix2 = ".JPEG";
        if (str.indexOf(suffix, str.length - suffix.length) == -1||
                       str.indexOf(suffix2, str.length - suffix2.length) == -1){
        alert('File type not allowed,\nAllowed file: *.jpg,*.jpeg');
            document.getElementById('fileToUpload').value='';
        }
    }

Другое решение с несколькими строчками

function checkFile(i){
  i = i.substr(i.length - 4, i.length).toLowerCase();
  i = i.replace('.','');
  switch(i){
    case 'jpg':
    case 'jpeg':
    case 'png':
    case 'gif':
      // do OK stuff
      break;
    default:
      // do error stuff
      break;
  }
}

Для определенных форматов, таких как ваш ".drp". Вы можете напрямую передать это в accept = ". Drp", он будет работать для этого.

But without " * "

<input name = "Upload Saved Replay" type = "file" accept = ".drp" />
<br/>