Subir imagen a imgur sin recargar pagina

ColdFusion · #1 (**permalink**) 05/10/2011, 19:03

Hola todos estoy tratando de hacer un subidor de imagenes estilo: http://stackoverflow.com/

Talvez los habran visto a la hora de comentar aparece la opcion de subir imagen a imgur.com.

Bueno, en si, trate de copiar la forma en que ellos lo hacen.

Observen el siguiente codigo:

Código HTML:

Ver original<form name="formu" method="post" action="subir.php" target="coco" enctype="multipart/form-data">
<input name="accion" value="subirImagen" type="hidden" />
<input type="file" name="img"/>
<input type="submit" value="Enviar"/>
</form>
<iframe name="coco" id="coco" src='about:blank'></iframe>

En esta parte lo que hago es ejecutar el formulario en el iframe, es decir que lo que el php devuelva se mostrara en el iframa.

Codigo de subir.php:

Código PHP:

Ver original$imagen=$_FILES['img']['tmp_name'];
    $handle = fopen($imagen, "r");
    $data = fread($handle, filesize($archivo));
 
    $pvars   = array('image' => base64_encode($data), 'key' => 'MiApiKeyDeIMGUR');
    $timeout = 30;
    $curl    = curl_init();
 
    curl_setopt($curl, CURLOPT_URL, 'http://api.imgur.com/2/upload.xml');
    curl_setopt($curl, CURLOPT_TIMEOUT, $timeout);
    curl_setopt($curl, CURLOPT_POST, 1);
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($curl, CURLOPT_POSTFIELDS, $pvars);
 
    $imagen_final = curl_exec($curl);
    curl_close ($curl);
    
    $imagen_final = @simplexml_load_string($imagen_final);
    
    foreach ($imagen_final->links as $imgur_img_path)
    echo  $imgur_img_path->large_thumbnail;

Esto me devulve la direccion de la imagen que acabo de subir a imgur.com la cual es mostrada en el iframe

Hasta aqui todo esta bien.. pero si se pueden fijar los de http://stackoverflow.com/ hacen lo mismo y al finalizar de subirse la imagen se auto agrega a un textarea... ellos usan estas lineas de codigo pero no se para que son.

Este codigo va en la misma parte del formulario

Código Javascript:

Ver original$("form").submit(function(){
window.closeDialog=H;
window.displayUploadError=function(S){
alert(S);
};
 
)};

y este codigo va en el area del subir.php

Código Javascript:

Ver original<html>
<head>
<script type='text/javascript'>
  var error = null; 
  var result = 'http://i.stack.imgur.com/MbtQd.jpg';
  if (error == null) {
     window.parent.closeDialog(result);
  } else {
     window.parent.displayUploadError(error); 
  }
</script>
</head>
<body></body>
</html>

para tener una mejor idea de lo que busco seria bueno visitar el area de comentarios de http://stackoverflow.com/

Alguien podria ayudarme!, GRACIAS!

Triby · #2 (**permalink**) 05/10/2011, 22:38

Bueno, lo unico que puedo decirte es que necesitas Javascript para manipular la informacion entre ventanas (y/o marcos) del navegador y eso nada tiene que ver con PHP.