Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Esconder input file jQuery PHP

30-12-2016 16:44

Nesse post vou mostrar como esconder o input file do documento.

Você vai poder deixar o input file invisível e vai chamar o input file por um button.

Ou seja, você poderá clicar em um button por exemplo para selecionar o arquivo a ser enviado.
Também será mostrado o arquivo escolhido ao lado do input clicado.

<script src="jquery.js"></script> <script> $(function() { // escondendo o input file original $("#file").hide(); // ao clicar no input button $("#botao").on("click", function(e) { e.preventDefault(); $("#file").trigger("click"); }); // enviando o nome do arquivo escolhido para o span $("#file").change(function() { $("#arquivo").html($(this).val()); }); }); </script> <form action="teste.php" method="post" enctype="multipart/form-data"> <input type="file" id="file" name="arquivo" value="" /> <button id="botao">Arquivos..</button> <span id="arquivo"></span> <br /> <input type="submit" name="submit" /> </form> <?php if(isset($_POST['submit'])) { echo $_FILES["arquivo"]["name"]; } ?>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado