Проверка input file

@dizent · Регистрация: 06.07.2012

Студворк — интернет-сервис помощи студентам

Вообщем хотел бы у Вас узнать как выполнить проверку с помощью JS(jQuery) проверку input file.

Проверка должна содержать расширение файла и если возможно его вес без загрузки на сервер.

Мой код:

HTML5
1
<div class="rightUpload"><div class="upload"><input type="file" size="1" title="Загрузить файл (JPG / MP3 / MP4 - до 30MB)" multiple="true" name="photo"></div></div>

В случае ошибки код должен стань примерно таким:

HTML5
1
<div class="rightUpload"><div class="upload error"><input type="file" size="1" title="Загрузить файл (JPG / MP3 / MP4 - до 30MB)" multiple="true" name="photo"></div></div>

* div.error после div.upload

В случае отсутствия ошибок стать примерно таким:

HTML5
1
<div class="rightUpload"><div class="upload success"><input type="file" size="1" title="Загрузить файл (JPG / MP3 / MP4 - до 30MB)" multiple="true" name="photo"></div></div>

* div.success после div.upload

Весь код:

HTML5
1
2
3
4
5
<form action="?" method="get" enctype="multipart/form-data">
  <div class="left"><input type="text" autocomplete="off" placeholder="Оставить комментарий" class="message" name="message"></div>
  <div class="rightSubmit"><div class="submit"><input type="submit" size="1" title="Отправить сообщение" name="sayMessage"></div></div>
  <div class="rightUpload"><div class="upload"><input type="file" size="1" title="Загрузить файл (JPG / MP3 / MP4 - до 30MB)" multiple="true" name="photo"></div></div>
</form>

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

@Tadochi · 07.07.2012, 06:44

JQuery умеет работать с файлами?

@tabber · 07.07.2012, 09:08

а если js отключен? и вобще это с php делается

@suharik · 07.07.2012, 12:07

Влюбом случае надо н а сервере смотреть данные файла.
Отправляй аяксом файлик на сервер, смотри его данные и уже возвращай. Хотя расширение можно и через js проверить.
Я бы за основу взял какой-нить автозагрузчик картинок без перезагрузки страницы и с ним поработал уже.
Например этот

@dizent · 09.07.2012, 21:42 **[ТС]**

Прошу закрыть тему т.к. вопрос решился собственными силами с помощью HTML5 File API
Tadochi, да
tabber, а я не знал... загрузка предполагалась с помощью php, проверка с помощью js, php
suharik, был такой вариант, но кода очень много, лень копаться ради пару строк нужного кода

@Tadochi · 09.07.2012, 22:06

я думал only DOM

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@Tadochi 0 / 0 / 0 Регистрация: 25.06.2012 Сообщений: 5
	07.07.2012, 06:44
	JQuery умеет работать с файлами? 0

@tabber 37 / 41 / 3 Регистрация: 10.10.2010 Сообщений: 364
	07.07.2012, 09:08
	а если js отключен? и вобще это с php делается 0

@suharik 261 / 247 / 57 Регистрация: 03.09.2010 Сообщений: 805
	07.07.2012, 12:07
	Влюбом случае надо н а сервере смотреть данные файла. Отправляй аяксом файлик на сервер, смотри его данные и уже возвращай. Хотя расширение можно и через js проверить. Я бы за основу взял какой-нить автозагрузчик картинок без перезагрузки страницы и с ним поработал уже. Например этот 0

@dizent 0 / 0 / 0 Регистрация: 06.07.2012 Сообщений: 6
	09.07.2012, 21:42 [ТС]
	Прошу закрыть тему т.к. вопрос решился собственными силами с помощью HTML5 File API Tadochi, да tabber, а я не знал... загрузка предполагалась с помощью php, проверка с помощью js, php suharik, был такой вариант, но кода очень много, лень копаться ради пару строк нужного кода 0

@Tadochi 0 / 0 / 0 Регистрация: 25.06.2012 Сообщений: 5
	09.07.2012, 22:06
	я думал only DOM 0