[SOLUCIONADO] drag and drop en imagen

[redvirus13]

hola , he buscado por la web drag and drop para imágenes pero todos suben automáticamente la imagen , y lo que yo quiero es solo que se muestre el preview de la imagen a subir pero que se suba al presiona "subir" ya que la imagen se publicara con mas datos con inputs y eso (con un form) , quisiera saber si hay algún script parecido es que he buscado pero no encuentra nada parecido o si alguien me pudiera ayudar con el código seria magnifico.
De antemano gracias.

[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

[redvirus13]

hola 0123 , wow muchas muchas gracias :)