Przesyłanie obrazu z podglądem i usuwaniem

Question

Apr 18, 2012, 11:33 AM

Przesyłanie obrazu z podglądem i usuwaniem

Miej następujące pytania i potrzebujesz odpowiedzi dotyczących następującego skryptu, który wyświetli podgląd zdjęcia przed przesłaniem. Skrypt pochodzi zhttp://jsbin.com/uboqu3/edit#javascript,html

1) Skrypt działa dla Firefoksa, nie jest dobry dla IE. Jak sprawić, by działało dla IE?

2) Nie ma metody usunięcia zdjęcia. Potrzebuje czegoś takiego jak mały obraz „X” zainstalowany na podglądzie zdjęcia, kliknięcie tego „X” spowoduje usunięcie zdjęcia. Czy każdy może dostarczyć to rozwiązanie?

<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>