Pagina de "loading" no upload

[yuriarrua 0]

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:

[salsa 0]

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

[yuriarrua 0]

valeu vou dar uma pesquisada no forum ajax.

[yuriarrua 0]

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...

[hinom 5]

veja isso:

http://www.element-it.com/Examples/MultiPo...mpleUpload.html

[yuriarrua 0]

este exemplo é bem interessante, mais não vai me servir o meu problema é bem mais simples...

[yuriarrua 0]

up :blink:

[yuriarrua 0]

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'>";
	}
?>

[André Baptista 0]

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

[yuriarrua 0]

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.

[hinom 5]

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..