Ir para conteúdo

POWERED BY:

Arquivado

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

MaktubBruno

Validaçã e Upload de Imagens

Por , em Javascript

Recommended Posts

MaktubBruno    0

MaktubBruno
Postado

Alguém sabe me dizer o que está errado abaixo:

 

A verifica_extencao tá ok, funcionou legal porém tamanhos, não!!! Dá um erro de memoria e mostra a linha 23 que no caso é imagem=new Image();

 

Desde já agradeço muito

 

<html>
<head>
<title>Upload de Imagem</title>
<script>
	function verifica_extencao() {
		var extensoesOk = ",.gif,.jpg,";
	
		var extensao = "," + document.form.arq.value.substr(document.form.arq.value.length - 4 ).toLowerCase() + ",";
		if (document.form.arq.value == "") {
			alert("O campo do endereço da imagem está vazio!!")
		}
		else if(extensoesOk.indexOf( extensao ) == -1 ) {
			alert( document.form.arq.value + "\nNão possui uma extensão válida" );
			java script:location.reload();
		}
		else {
			java script:tamanhos();
		}
	}

	function tamanhos() {				
		tamanhoArqMax = 15000;
		imagem=new Image();
		imagem.src=document.form.arq.value;
		tamanho_imagem = imagem.fileSize 
		img_tan = tamanho_imagem
		if (tamanho_imagem < 0) 
			java script:tamanhos();
		else if (tamanho_imagem > tamanhoArqMax) {
			alert("OK");
			alert("O tamanho da Imagem é muito grande ... "+
			tamanho_imagem+" Bytes!! \n Tamanho Máximo suportado : "+
			tamanhoArqMax+" Bytes \n São "+(tamanho_imagem-tamanhoArqMax)+" Bytes a Mais!");
			java script:location.reload();
		}
		else 
			java script:ativafigura()
	}

	function ativafigura() {
		document.getElementById('foto').innerHTML = "<img border=\"0\" src=\""+document.form.arq.value+"\" name=\"img\" style=\"visibility: hidden\" >"
		largura = document.getElementById("img").width;
		altura = document.getElementById("img").height;
		if (largura > 350 || altura > 225 ) {
			alert("A imagem é "+largura+"x"+altura+" está fora do padrão requerido");
			java script:location.reload()
		}
		else {
			alert("O arquivo foi Aceito... \n Localização: "+document.form.arq.value+"\n Tamanho: "+ 
			tamanho_imagem+" Bytes \n Dimensões :"+largura+"x"+altura)
		}
	}
</script>
</head>
<body>
<form name="form" enctype="multipart/form-data" method="post" action="java script:verifica_extencao()" id="form">
<p>Escolha a foto:</p>
<p><input type="file" name="arq" size="20" class="form2" id="arq"></p>
</form>
<p><a href="java script:verifica_extencao()">GRAVAR!!</a></p>
<p> </p>
<p> </p>
<div id="foto"></div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

bom.. testei seu script e aqu e para antes da linha que você indicou.. só uma dica.. deixa esse tipo de validação para o server-side pois ocorrem muitos problemas.. e se eu desabilitatr o javascript o usuario vai conseguir subir qualquer arquivo de qualquer tamanho..

 

t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

MaktubBruno    0

MaktubBruno
Postado

bom.. testei seu script e aqu e para antes da linha que você indicou.. só uma dica.. deixa esse tipo de validação para o server-side pois ocorrem muitos problemas.. e se eu desabilitatr o javascript o usuario vai conseguir subir qualquer arquivo de qualquer tamanho..

 

t+

Opa valeu... eu faço a verificação no servidor também, na verdade a veirificação estava só lá e resolvi colocar par o cliente tb...

 

Você sabe como resolvo esse erro???

 

Abração

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito