Buen dia muchachos, por fis sera q alguien me puede ayudar? estoy haciendo un pequeño sistema en el cual el usuario sube una imagen y luego la recorta... solia emplear un formulario con un submi tipico para cargar la imagen, y todo me funcionaba bien, decidi luego emplear el ajaxForm para cargar la imagen al servidor sin tener que recargar el navegador pero alli comenzo el problema :cry: la imagen se carga al servidor pero es como si se hubiese deshabilitado el plugin imageAreaSelect que solia utilizar para recortar la imagen... sera que alguien puede ayudarme por favor?

este es mi formulario

Código HTML :

<form id="cropimage" method="post" enctype="multipart/form-data" action="action.php?file=ban">
           <input type="file" name="photoimg" id="photoimg" />
            <input type="hidden" name="image_name" id="image_name" value="" />
            <input type="button" id="carga" name="subir" value="Subir" />
        </form><div id="targ"></div>


mi codigo php encargado de procesar cargar la imagen

Código PHP :

<?php
$folder = '../images/headers/';
   $valid_formats = array("jpg", "png", "gif", "bmp");
         $name = $_FILES['photoimg']['name'];
         $size = $_FILES['photoimg']['size'];
         
         if(strlen($name)){
               list($txt, $ext) = explode(".", $name);
               if(in_array($ext,$valid_formats) && $size<(3048*3048)){
                     $actual_image = time().substr($txt, 5).".".$ext;
                     $tmp = $_FILES['photoimg']['tmp_name'];
                     if(move_uploaded_file($tmp, $folder.$actual_image)){
                        require('clases/resize-class.php');
                        $resizeObj = new resize($folder.$actual_image);
                        $resizeObj -> resizeImage(950,290, 'landscape');
                        $resizeObj -> saveImage($folder.$actual_image, 100);
                        $image= "<h1 id='msj'>Clic y Arrastrar sobre la Imagen para Cortar</h1><img src='".$folder.$actual_image."' id='photo' class='photo' style='max-width:950px;' alt='".$actual_image."'>";
                     }else
                        echo "Fallo la Carga";
                  }else
                     echo "Formato Invalido!";               
            }else
               echo "Por favor seleccione una imagen!";
            echo $image;
?>


mi javascript

Código Javascript :

$(document).ready(function() {
    $('#photo').imgAreaSelect({
        aspectRatio: '3.357:1.025',
        onSelectEnd: getSizes
    });

    $('#carga').live('click', function() {
        $("#targ").html('');
      $("#targ").html('<img src="img/loading.gif" alt="Cargando...." id="loader"/>');
      
        $("#cropimage").ajaxForm({
            target: '#targ',
            success:  function(res){
      var vpic = $('#photo').attr('alt');
      $('#image_name').removeAttr('value');
      $('#image_name').attr('value',vpic);
   }
        }).submit();
   $('#loader').hide();   
    });
});   


por favor echenme un cable muchachos cual es mi error? porque no entiendo si antes me funcionaba porque ahora no? :cry: