Загрузка файла PHP + jQuery

Question

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

<input type="file" name="userfile" id="userfile"/>

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

Основные шаги, изложенные ниже.

1. Пользователь нажимает на кнопку с изображением, чтобы загрузить свой файл
2. Пользователь выбирает файл
3. jQuery показывает div с несколькими полями
4. Пользователь нажимает кнопку "Отправить" и файл загружается

Answer 1

К элементам загрузки файлов общеизвестно сложно получить доступ из соображений безопасности. Я думаю, что лучшее, что вы можете сделать, это прикрепить обработчик к событию change загрузки файла, которое отображает div, если значение поля файла отличается от null.

Пользовательская кнопка исключена. Чтобы получить это, вам придется прибегнуть к альтернативе загрузки файла, такой как Flash-based SWFUpload .

Answer 2

Несколько решений, которые я видел, на самом деле скрывают поле ввода загрузки и затем отображают собственную кнопку. Когда мышь перемещается над этой пользовательской кнопкой, они используют скрипт для изменения положения элемента ввода под курсором. Довольно много работы.

Answer 3

Для этого есть решение с использованием jQuery здесь . Он позволяет вам использовать изображение для кнопки загрузки, и, с небольшой настройкой, я полагаю, вы сможете заставить его делать то, что вы ищете.