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


Moderador: web

 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 69

Input File aceitar apenas .jpg

07-03-2011 11:26

Olá, bom dia!

Estou tendo problemas para aceitar em um campo input apenas arquivos com a extenção .jpg

Procurei e muito na internet uma solução que realmente funcionasse, porém, nada encontrei!

Sendo assim, o que mais se aproximou do resultado esperado foi o seguinte script:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html><head><title>File input test</title> <script type="text/javascript" language="JavaScript"><!-- function check() { var ext = document.f.pic.value; ext = ext.substring(ext.length-3,ext.length); ext = ext.toLowerCase(); if(ext != 'jpg') { alert('You selected a .'+ext+' file; please select a .jpg file instead!'); return false; } else return true; } //--></script></head><body> <form method="post" name=f enctype="multipart/form-data" onsubmit="return check();" action="http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi"> <p>Please select a JPEG (.jpg) file to be sent:<br> <input type="file" name="pic" size="40" accept="image/jpg"><p> Please include a short explanation:<br> <textarea name="expl" rows="3" cols="40" onfocus="check();"></textarea> <p><input type="submit" value="Send"></form> </body> </html>

Encontrei na internet também o seguinte trecho accept="image/jpg" mas ele também não funciona (testei no IE e Chrome).

O problema desse script, é que no Google Chrome ele não pára mais de dar o alert, e isso pode acabar irritanto o internauta que está tentando enviar algum arquivo.

O que eu realmente gostaria, mas não sei se é possível, é ter um campo Input File onde quando clicado para escolher arquivos do computador, apenas mostrar os com extenções .jpg (exclusivamente .jpg!). Bom, fico no aguardo de uma luz. Caso consigam fazer funcionar essa jossa sem ficar repetidamente aparecer o alert, belezinha!

Obs: Código retirado de: http://www.cs.tut.fi/~jkorpela/forms/filecheck.html
Abraços!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Input File aceitar apenas .jpg

07-03-2011 11:32

Tem um plugin em jQuery que permite fazer esse filtro para somente alguns formatos de imagem para upload. Está no post abaixo

Plugin-jQuery-para-upload-de-fotos-e-ar ... _5860.html
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 69

Input File aceitar apenas .jpg

07-03-2011 11:49

Perfeito web... Vou testar daqui a pouco e fale o resultado (caso negativo).

Abraços e novamente, muito obrigado!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Input File aceitar apenas .jpg

07-03-2011 12:01

Flw.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado