Как сделать файловое поле автоматически отображать файл-выбор непосредственно перед отправкой формы?

Question

Я разрабатываю одно веб-приложение с использованием CakePHP, я буду предоставлять одну кнопку пользователю как «Загрузить». Как только пользователь нажимает на эту кнопку, мне нужно отобразить диалоговое окно (файл обзора), чтобы пользователь мог выбрать файл, который будет расположен на его/ее локальной машине.

После успешной загрузки файла я хотел опубликовать данные файла в одном <textarea>, который будет использоваться для дальнейшей обработки данных.

Ниже CakePHP код, который я использовал ранее:

echo $form->create('MyFile', array('action' => 'getTranslation', 'type' => 'file')); 
echo $form->file('File'); 
echo $form->submit('Upload'); 
echo $form->end(); 

Здесь я получаю две кнопки в «Загрузить» и «Обзор». Я не хочу использовать две кнопки здесь. Я хочу использовать только одну кнопку, то есть «Загрузить», которая позволяет выбирать файл, а также отправлять на какое-либо действие.

Просьба представить ваши предложения.

Благодаря

-Pravin

Answer 1

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

Я также нашел это: Uploadify. Если вы посмотрите на второе демо, вы увидите что-то, что соответствует вашим потребностям. Проверьте это.