Настройте файл загрузки, используя HTML и JavaScript

Question

https://jsfiddle.net/yugxqopz/

Я новичок в мире пользовательского интерфейса, и у меня есть простой пример использования, например

1) загрузить документ, используя опцию выбора файла
2) После того, как онвыбранный, мне нужно вызвать определенную функцию в javascript, как показано ниже:

<form id="fileUploadForm" onsubmit="return uploadToTempFolder();" enctype="multipart/form-data">
    <input type="file" name="file" id="file" accept="application/pdf">
    <input type="submit" class="button-blue" value="Upload">
</form> 

Вместо выбора файла, мне нужно иметь опцию типа «прикрепить файл», и как только пользователь выбирает файл, я неМне нужна дополнительная кнопка загрузки, и мне нужно вызвать 'uploadToTempFolder'

Любая помощь приветствуется.

Спасибо,
Гарри

Answer 1

вам просто нужно выставить событие onchange.

<form id="fileUploadForm" enctype="multipart/form-data">
    <input type="file" name="file" id="file" accept="application/pdf" onchange="uploadToTempFolder()">
</form> 

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

здесь работает пример