Добавить новое поле загрузки файла

Может быть, я просто глупо здесь, но когда я нажав на кнопку «Добавить новый» это просто загрузка upload.phpДобавить новое поле загрузки файла

Он не добавлял другой вход

<html> 
    <head> 
    <script> 
     $(document).ready(function(){ 
     $('.add_more').click(function(e){ 
      e.preventDefault(); 
      $(this).before("<input name='file[]' type='file'/>"); 
     }); 
     }); 
    </script> 
    </head> 
    <body> 
    <form enctype="multipart/form-data" action="upload.php" method="post"> 
     <input name="file[]" type="file" /> 
     <button class="add_more">Add More Files</button> 
     <input type="submit" value="Upload File" id="upload"/> 
    </form> 
    </body> 
</html>

Цените кто может сказать мне, где я подскочил.

источник

2016-02-29 Luke Bateson

ваш код хорошо. где библиотека jquery? –

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

Да. Ты прав. Я думал, что это был родительский файл, но я ошибся. Это была ошибка школьного мальчика! –

Ваш код отлично работает, вы должны просто добавить Jquery LIB, как вы можете видеть ниже, e.preventDefault() помешают кнопку от отправки формы:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Надеются, что это помогает.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
    <head> 
 
    <script> 
 
     $(document).ready(function(){ 
 
     $('.add_more').click(function(e){ 
 
      e.preventDefault(); 
 
      $(this).before("<input name='file[]' type='file'/>"); 
 
     }); 
 
     }); 
 
    </script> 
 
    </head> 
 
    <body> 
 
    <form enctype="multipart/form-data" action="upload.php" method="post"> 
 
     <input name="file[]" type="file" /> 
 
     <button type='button' class="add_more">Add More Files</button> 
 
     <input type="submit" value="Upload File" id="upload"/> 
 
    </form> 
 
    </body> 
 
</html>

источник

2016-02-29 09:19:15

Я здесь глуп, почему e.preventDefault() не работает? –

Вы не глупый @BhojendraNepal - это был я. Ошибка школьного мальчика, я думал, что в родительский файл включена библиотека. Виноват! –

Добавить новое поле загрузки файла

ответ

Смежные вопросы