Upload de imagem com visualização e exclusão
Faça as perguntas a seguir e precise de respostas sobre o script a seguir que pré-visualizará uma foto antes do upload. O roteiro é dehttp://jsbin.com/uboqu3/edit#javascript,html
1) O script funciona para o Firefox, não é bom para o IE. Como fazer isso funciona para o IE?
2) Não possui um método para excluir a foto. Precisa de algo como uma pequena imagem "X" instalado no Preview Photo, clicando neste "X" irá apagar a foto. Alguém pode fornecer essa solução?
<code><!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#img_prev') .attr('src', e.target.result) .height(200); }; reader.readAsDataURL(input.files[0]); } } </script> <meta charset=utf-8 /> <title>JS Bin</title> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } </style> </head> <body> <input type='file' onchange="readURL(this);" /> <img id="img_prev" src="#" alt="your image" /> </body> </html> </code>