2017-02-02 14 views
0

Мне интересно узнать, могу ли я проверить тип файла mime перед загрузкой или нет? Я уже знаю, как это сделать на стороне сервера после загрузки этого файла, но как я могу сделать это на стороне клиента перед загрузкой файла?Проверьте изображение mime-типа с помощью файла FileReader javascript перед загрузкой этого

код индекс:

<form action="/" method="post" enctype="multipart/form-data" id="form"> 
    <input id="image" type="file" /> 
    <input type="submit" value="Submit" id="submit" /> 
</form> 

То, что я хочу это: как только пользователь загрузить изображение, проверьте его тип пантомимы в стороне клиента. Это должны быть jpg, jpeg или png.

ПРИМЕЧАНИЕ. Я не хочу проверять его расширение, что очень просто. Я хочу проверить его тип mime. Например, если человек переименовал txt.txt в txt.png, должен дать ошибку.

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

Если вы можете мне помочь, это было бы лучше: Причина, по которой я хочу проверить тип mime на клиенте, заключается в том, что я хочу предварительно просмотреть это изображение сразу после его выбора, и если пользователь выбирает не- файл изображения, он будет просматривать уродливый значок фотографии. Я хочу это предотвратить. Например, если человек выбирает файл без изображения, просто покажите им, что выбранный вами файл не является изображением. Итак, если вы можете показать мне, как проверить, может ли изображение отображаться или нет.

+1

A тип MIME, как расширение файла, это просто ярлык. Браузеры обычно выводят его из расширения файла. Если вы хотите проверить, является ли образ изображением, вам нужно будет изучить необработанные данные (и даже тогда пользователь всегда сможет переопределить JavaScript, поскольку он работает в браузере). – Quentin

ответ

1

Попробуйте это.

document.getElementById ('fileChooserID'). Файлы [0] .Type

+0

Это проверяется на основе типа файла. Если я переименую файл file.exe в file.png, это не сработает. – Joseph

 Смежные вопросы

  • Нет связанных вопросов^_^