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:

Upload de foto com jQuery e PHP sem flash swf

13-11-2016 14:49

Nesse post vou mostrar um script de upload de arquivo com jQuery e PHP. Sem o uso do arquivo flash.
Esse script é baseado nesse link http://stackoverflow.com/questions/5392 ... query-ajax

O script é bem simples. Você escolhe a imagem e após clicar no botão enviar a imagem é upada e exibida na tela logo após o botão do Enviar.

envio.html
<script src="jquery.js"></script> <form enctype="multipart/formdata"> <input type="file" id="arquivo" name="" /> <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 $pasta = "upload/"; $nome = $_FILES["arquivo"]["name"]; $caminho = $pasta.$nome; if(move_uploaded_file($_FILES["arquivo"]["tmp_name"], $caminho)) { echo "<img src=\"$caminho\">"; } ?>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

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