Image Preview

[hudsonmaradona]

Bom dia a todos preciso de um help estou tentando implementar esse image preview do link abaixo:

http://zurb.com/playground/ajax_upload

Preciso de um preview compativel com todos navegadores inclusive os IE8, IE9 e IE 10

Sou principiante em javascript o codigo que eu implementei esta no link abaixo:

http://jsfiddle.net/hudsonmaradona/yW8VW/1/

[David Lima]

Bom dia Hudson, 

Se eu fosse você desenvolveria esse preview usando a API filereader, com relação ao IE a versão 10 já da suporte, se for você estiver desenvolvendo uma solução fechada, obrigue os usuários a atualizaram o IE para a versão 10.

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR
 
---
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
 
 

--
David Figueiredo
WebMaster
(84) 9916-7093
(84) 8744-6667
E-mail/Messenger: davi...@gmail.com
Skype: davidmkt
Twitter: davidwebmaster

[Rafael Sirotheau]

Implementei isto há pouco tempo. Infelizmente, nao estou conseguindo fazer rodar nem no jsfiddle nem no jsbin. Entao, envio em anexo os arquivos que usei como base para minha implementação. Nela, utilizei um if (window.FileReader) para identificar qual função utilizar: do IE ou a com filereader (html5).

2013/4/26 David Lima <davi...@gmail.com>

--

Rafael Sirotheau
@rafasirotheau
/rafasirotheau

Front-end Web Developer
[11] 9 6452 1384

[Hudson Maradona Pereira]

Muito obrigado pela ajuda Galera ... A sua solução foi muito boa Rafael Sirotheau você chegou a testar no Safari ? Fiz um teste e não funcionou.

[Rafael Sirotheau]

Nao testei no safari... Mas, por se webkit, imaginei que ja suportasse filereader... O safari esta atualizado? De qualquer forma, pode ser feita uma terceira verificacao para utilizar ajax para enviar o arquivo no servidor para entao exibir a thumb.

[Francisco Nascimento]

Ja tinha postado aqui uma vez ... isso ai eu fiz com o bootstrap twitter... e fica bem mais simples e funfa todos browsers...(teste no ie9 e ie10)...

vale a pena dar uma olhada:

http://jasny.github.io/bootstrap/javascript.html#fileupload

Em 26 de abril de 2013 12:46, Rafael Sirotheau <rsiro...@gmail.com> escreveu: