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


Moderador: web

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

Upload de múltiplos arquivos com jQuery e PHP sem uso de flash swf

13-11-2016 16:13

Nesse post vou mostrar um script para fazer o upload de múltiplas fotos usando o jQuery, sem o uso do flash.

Para enviar várias fotos ao mesmo tempo basta somente clicar no botão Selecionar arquivo e antes de clicar nas fotos pressionar a tecla Ctrl.
Ai você pode pressionar a tecla Ctrl e ir selecionando quantas fotos quiser dentro da pasta selecionada.

envio.html

<script src="jquery.js"></script> <form enctype="multipart/formdata"> <input type="file" class="arquivo" id="arquivo" name="" multiple /> <input type="button" id="Enviar" name="" value="Enviar" /> </form> <script type="text/javascript"> $(function() { $("#Enviar").click(function(event) { $("#retorno").html("Enviando...."); var data = new FormData(); jQuery.each(jQuery(".arquivo")[0].files, function(i, file) { data.append("arquivo[]", file); }); jQuery.ajax({ url: "upload.php", data: data, cache: false, contentType: false, processData: false, type: "POST", success: function(data){ $("#retorno").html(data); } }); }); }); </script> <div id="retorno"></div>


upload.php

<?php foreach($_FILES["arquivo"]["name"] AS $i => $f) { // pasta que recebe os arquivos $pasta = "fotos/"; // nome que a foto será salva // no exemplo a foto será salva com o nome original $nome = $_FILES["arquivo"]["name"][$i]; // caminho para salvar a foto no servidor $caminho = $pasta.$nome; // enviando a foto if(move_uploaded_file($_FILES["arquivo"]["tmp_name"][$i], $caminho)) { // para exibir a foto após o upload descomente abaixo //echo "<img src=\"$caminho\">"; echo "Enviado: <b>$caminho</b></br />"; } } ?>

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

Re: Upload de múltiplos arquivos com jQuery e PHP sem uso de flash swf

13-11-2016 16:19

Para quem precisar criar uma miniatura/thumbnail da foto enviada, use esse arquivo upload.php abaixo

<?php foreach($_FILES["arquivo"]["name"] AS $i => $f) { // pasta que recebe os arquivos $pasta = "fotos/"; // nome que a foto será salva // no exemplo a foto será salva com o nome original $nome = $_FILES["arquivo"]["name"][$i]; // caminho para salvar a foto no servidor $caminho = $pasta.$nome; // largura da foto $largura = "433"; // altura da foto $altura = "333"; $qualidade = 90; // enviando a foto if(move_uploaded_file($_FILES["arquivo"]["tmp_name"][$i], $caminho)) { $img = imagecreatefromjpeg($caminho); $thumb = imagecreatetruecolor($largura,$altura); imagecopyresampled($thumb, $img , 0 , 0 , 0 , 0 , $largura , $altura, imagesX( $img ) , imagesY( $img )); imagejpeg($thumb, $caminho, $qualidade); // para exibir a foto após o upload descomente abaixo //echo "<img src=\"$caminho\">"; echo "Enviado: <b>$caminho</b></br />"; } } ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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