Código Fonte - O melhor conteúdo para programadores

Este código tem nota

Autor

Rodrigo Araujo

membro deste abril de 2007

Compartilhe e guarde

Enquete

O mercado de publicidade na web chegou no seu limite?

Não, ainda tem muito que crescer
São necessários novos formatos
Não posso opinar
Sim, o modelo atual já está no limite

Home Código Fonte JavaScript - DHTML Validação

Filtrar tipo de arquivos ao fazer um upload

Com este código é possível criar um filtro nas extensão dos arquivos, autorizando somente alguns tipos de arquivos.

No código de exemplo só é permitido arquivos com extenção .jpg ou .gif, com tamanho menor que 15 Kb e com dimensões menores que 350x225.

<html>
<head>
<title>Upload de Imagem</title>
</head>
<body>
<form name="form" enctype="multipart/form-data" method="post" action="javascript:verifica_extencao()" id="form">
<p>Escolha a foto:</p>
<p><input type="file" name="arq" size="20" class="form2" id="arq"></p>

<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" );javascript:location.reload()}
else {javascript: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)
{javascript:tamanhos()}
else if (tamanho_imagem > tamanhoArqMax)
{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!");javascript:location.reload()}
else 
{javascript: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");javascript: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>


</form>
<p><a href="javascript:verifica_extencao()">GRAVAR!!</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="foto"></div>
</body>
</html>

<html>
<head>
<title>Upload de Imagem</title>
</head>
<body>
<form name="form" enctype="multipart/form-data" method="post" action="javascript:verifica_extencao()" id="form">
<p>Escolha a foto:</p>
<p><input type="file" name="arq" size="20" class="form2" id="arq"></p>

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" );javascript:location.reload()}
else {javascript:tamanhos()}

}

</script>

</form>
<p><a href="javascript:verifica_extencao()">GRAVAR!!</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="foto"></div>
</body>
</html>

Este código foi útil para você?

Nota	Comentário
8	denunciar ggabriel comentou em 2/2/2010 Razoavel codigo simples e facil.
9	denunciar usertop comentou em 23/1/2010 interessante Muito interessante esse codigo muito bom

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco

Autor

Rodrigo Araujo

Tags

Formulário

Imagem

JavaScript

Upload

Compartilhe e guarde

Enquete

O mercado de publicidade na web chegou no seu limite?

Filtrar tipo de arquivos ao fazer um upload

Razoavel

interessante

Comente