Здравствуйте, есть форма выбора файла. Как сделать, чтобы файл загружался (скрипт выполнялся) после клика по нему в окне выбора файла? Чтобы убрать с формы кнопку Загрузить. HTML: <form enctype="multipart/form-data" action="file_upload.php" method="POST"> <input name="userfile" type="file" /> <input type="submit" value="Загрузить" name="send_file"> </form>
поищи решение на javascript, вот готовое решение https://blueimp.github.io/jQuery-File-Upload/basic.html
самое простое - сабмитить форму через JS по событию change у инпута. Но страница будет перезагружаться. Ну или плагин, который @denis01 написал
Код (Text): <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://malsup.github.io/jquery.form.js"></script> <script type="text/javascript"> $(document).ready(function() { $('body').on('change','#photoimg', function() { var A=$("#imageloadstatus"); var B=$("#imageloadbutton"); $("#imageform").ajaxForm({target: '#preview', beforeSubmit:function(){ A.show(); B.hide(); }, success:function(){ A.hide(); B.show(); }, error:function(){ A.hide(); B.show(); } }).submit(); }); }); </script> <div id='preview'> </div> <form id="imageform" method="post" enctype="multipart/form-data" action='upload.php'> Upload image: <div id='imageloadstatus' style='display:none'><img src="loader.gif" alt="Uploading...."/></div> <div id='imageloadbutton'> <input type="file" name="photoimg" id="photoimg" /> </div> </form>
Несколько часов промучался с Вашим примером, даже сделал по своему: HTML: <form enctype="multipart/form-data" action="" method="POST"> <input type="file" name="userfile" onchange="javascript:this.form.submit();"> </form> Наконец заметил вложенные кавычки: HTML: <form enctype="multipart/form-data" id=form_id action="" method="POST"> <input type='file' name="userfile" onchange='document.getElementById("form_id").submit()'> </form>
Ну на форуме опечатки случаются. В реале тоже, но у меня конечно не несколько часов бы ушло на поиск такой ошибки Панель разработчика браузера сразу бы показала, что что-то не так