Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

yuriarrua

Pagina de "loading" no upload

Recommended Posts

Salve pessoal do forum, eu estou com uma duvida no seguinte:

Eu fiz um sistema de upload de arquivos para um site, e eu queria colocar uma pagina de "loading" apenas com um gif e esqcrito "enviando arquivo por favor aguarde..." no momento em que o usuario clicar em "enviar" abre esta pagina de "loading" e depois que o arquivo for enviado uma mensagem arquivo enviado com sucesso e volta para a index.

tem como eu fazer isso?

 

deem uma olhada no meu codigo:

INCLUIR.PHP

<?php
include "../../acesso.php";
if ($botao=="Enviar")
	{
	$pasta="../../_arquivos/";		
	if ( ! empty($file))
		{
	 	$status1 = move_uploaded_file($file,"$pasta"."$file_name");
		$arquivo="_arquivos/".$file_name;
		}		
	$comando="insert into arquivos
	(descricao_arq,arquivo_arq,id_arq_usu, nome_arq_usu)
	values
	('$descricao','$arquivo','".$_SESSION["id_usuario"]."','".$_SESSION["nome_usuario"]."')";
	mysql_query($comando,$bd);
	echo "<script>window.alert(\"Arquivo enviado com sucesso \");</script>";
	echo "<meta http-equiv='refresh' content='0;URL=lista.php'>";
	}
?>

ele esta funcionando bem, só falta fazer esta parte da pagina de loading... :blink:

Compartilhar este post


Link para o post
Compartilhar em outros sites

faz um javascript... pra qndo você enviar o request de upload.. ele abrir a msg.. e qndo tiver o callback ele fecha a janela

 

 

ajax ;)

 

 

 

[]s

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu dei uma procurada la, acehi alguns codigos, e li alguns topicos, mais nada que pudesse me ajudar... pelo menos que eu entendesse. hehehe :blink:

 

Alguem tem alguma outra dica de como eu possa fazer isto...

Compartilhar este post


Link para o post
Compartilhar em outros sites

estou quase conseguindo hehehe, eu adicionei no meu codigo a seguinte linha:

 

echo '<img src="../../imagens/load1.gif" width="373" height="280" align="bottom">';
que no caso abre a imagem de loading, só que tem um probleminha ainda ele esta abrindo esta imagem só depois do upload do arquivo se feito, ou seja ele abre a imagem apenas antes de os dados serem cadastrados no BD, então a parte demorada a imagem não apareçe.

 

o codigo inteiro ficou assim:

 

<?php
include "../../acesso.php";
if ($botao=="Enviar")
	{
	echo '<img src="../../imagens/load1.gif" width="373" height="280" align="bottom">';
	$pasta="../../_arquivos/";		
	if ( ! empty($file))
		{
	 	$status1 = move_uploaded_file($file,"$pasta"."$file_name");
		$arquivo="_arquivos/".$file_name;
		}		
	$comando="insert into arquivos
	(descricao_arq,arquivo_arq,id_arq_usu, nome_arq_usu)
	values
	('$descricao','$arquivo','".$_SESSION["id_usuario"]."','".$_SESSION["nome_usuario"]."')";
	mysql_query($comando,$bd);
	echo "<script>window.alert(\"Arquivo enviado com sucesso \");</script>";
	echo "<meta http-equiv='refresh' content='0;URL=lista.php'>";
	}
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

tenta isso com java script..

 

<script language="javascript" type="text/javascript">
function carregando()
		{
			if(document.getElementById("upa").value == "Upar")
				{
					alert("aguarde.....");
				}
			else
				{
					alert("Erro ao upar o arquivo ......");
				}
		}	   
</script>

<!-- anexa no seu form -->

<input type="submit" name="upa" value="Upar" onclick="carregando()">
</form>

isso é bem chatinho mesmo :P

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeu pela dica andre, mais não é bem isso que eu estou tentando fazer, no codigo que você postou ele abre uma caixa de alerta, e eu queria que enquanto o upload fosse feito aparecesse uma imagem de "loading".

Me falaram para tentar fazer em ajax, vou dar uma pesquisada no forum sobre ajax .pra ver se eu acho alguma coisa.

Compartilhar este post


Link para o post
Compartilhar em outros sites

se você quer apenas criar um load falso "Fake" é bem simples..

 

 

1 - crie um iframe escondido

2 - direcione o target do <form> para o iframe

3 - quando enviar os dados do <form> acione uma função javascript que fará aparecer no meio da tela uma imagem qualquer..

4 - enquanto isso a página que foi direcionado pro iframe processará o script de upload

5 - quando a página do iframe terminar o upload retorne um script javascript que envie uma resposta à página pai "parent".

 

 

só isso..

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.