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:

Carregar imagens da pasta ao clicar no botão com jQuery e PHP

29-08-2016 15:12

Nesse post vou mostrar como mostrar as imagens de uma pasta ao clicar em um botão. Tudo feito com jQuery sem carregar todo o documento.

O script é bem simples. Abaixo a parte do jQuery e HTML para fazer a requisição dos arquivos de uma pasta.

<script src="jquery.js"></script> <script> $(function() { $("#carregar").click(function() { $(this).html("carregando.."); jQuery.ajax({ type: "POST", url: "imagens.php", dataType: "html", data: "", // enviado com sucesso success: function(response){ jQuery("#retorno").append(response); }, // quando houver erro error: function(){ alert("Ocorreu um erro durante a requisição"); } }); }); }); </script> <input type="button" id="carregar" value="carregar" /> <div id="retorno"></div>

Esse script acima chama um arquivo PHP chamado imagens.php

Esse arquivo deve ter o seguinte conteúdo:

<?php //pasta_das_imagens = nome dapasta onde está as imagens $pasta = "pasta_das_imagens/"; // arquivos mostrados: png e jpg $arquivo = glob("$pasta{*.png,*.jpg}", GLOB_BRACE); foreach($arquivo as $imagem){?> <img src="<?php echo $imagem; ?>"> <?php } ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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