Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17739
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Só enviar figura se formato e tamanho for aceito

04-04-2007 23:13

Esse artigo vai mostrar uma forma de só enviar alguma imagem, se o formato e tamanho em Bytes esteja de acordo.

Antes de mostrar o script, veja uma tabela quanto a peso de arquivos:

<!-- 1 KB é igual a 1024 Bytes 1 MB é igual a 1024 KB 1 GB é igual a 1024 MB 1 TB é igual a 1024 GB //-->

O nosso sistema, trabalha com o peso em Bytes.

Vamos ao script detalhado:

<script language="JavaScript"> /* essa função é responsável por mostrar a figura do input no documento ( div ) */ function mostra(valor) { var imagem = document.form.file; document.getElementById("imagem").src=imagem.value; } function calcula(valor) { var imagem = document.form.file; /* aqui, detemos tudo que for diferente de: - formato .gif - formato .jpg - tamanho maior que 5000 Bytes */ if(imagem.value.indexOf(".gif")==-1 && imagem.value.indexOf(".jpg")==-1 || valor > 5000) { /* exibe abaixo o aviso e mantém desabilitado o submit */ document.getElementById("aviso").innerHTML = "Formato ou tamanho ("+ valor +" Bytes) não aceito"; document.form.submit.disabled=true; } else { /* exibe o aviso e habilita o submit, porque o formato e tamanho foram aceitos */ document.getElementById("aviso").innerHTML = "Formato e tamanho ("+ valor +" Bytes) aceito."; document.form.submit.disabled=false; } } </script> <!-- imagem onde é carregada o valor do input //--> <img src="" id="imagem" name="imagem"> <!-- linha com os dados para envio, action, method, etc... //--> <form name="form" action="" method="POST" enctype="multipart/form-data"> <!-- input file, que carrega a figura do computador //--> <input type="file" name="file" onChange="mostra(imagem.fileSize);calcula(imagem.fileSize);"> <!-- botão que será habilitado quando o formato e tamanho forem aceitos //--> <input type="submit" name="submit" value="Envia" disabled> <!-- div onde é mostrado o aviso //--> <div id="aviso"></div> </form>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]