drag and drop en imagen

[0123]

Buenas redvirus13,

No sabia que se podia, pero de poder... seguramente sea HTML5... o algo muy moderno. Antes de usarlo validalo en todos los navegadores. Vaya utilidad!

Código HTML:

<img id="uploadPreview" style="width: 100px; height: 100px;" />
<input id="uploadImage" type="file" name="myPhoto" onchange="PreviewImage();" />
<script type="text/javascript">
 
    function PreviewImage() {
        oFReader = new FileReader();
        oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);
 
        oFReader.onload = function (oFREvent) {
            document.getElementById("uploadPreview").src = oFREvent.target.result;
        };
    };
 
</script>
 

Ahora que lo pienso... creo que genera cierta confusion en el usuario corriente. Parece que ya se ha realizado el upload. :D