[SOLUCIONADO] Subir imagen con Jquery Ajax

[fjhg0002]

Buenas a todos!!

Estoy intentando subir una imagen al servidor.

Código PHP:

<form accept-charset='utf-8' method='post' id='process_image_form' enctype='multipart/form-data' action='modeloTutor.php'>
<input type='file' id='prueba' name='prueba'>
 <input type='button' id='enviar' value='ENVIAR' onclick='sImagen()'>
</form>
 

Mediante ajax estoy intentandola pasar al modelo, probé con serialize() y con formData, pero ninguna de las dos me deja.

Código PHP:

function sImagen() {
    var formData=new FormData(document.getElementById('process_image_form'));
    formData.append('prueba', $("#prueba")[0].files[0]);
    var $img = $("#prueba");
    $.post( "modeloTutor.php"
       , { form: $("#process_image_form").serialize()
       , prueba: document.getElementById('#prueba')
       , funcion: "addImagen"}
       , function( data ) {
        alert(data);
       });   
}
 

En el modelo debería de recibir la imagen Prueba

Código PHP:

function subirImagen(){
    
    $status="";
    $formulario=$_POST['form'];
 
    $tamano = $_FILES['prueba']['size'];
    $tipo = $_FILES['prueba']['type'];
    $archivo = $_FILES['prueba']['name'];
    $prefijo = substr(md5(uniqid(rand())),0,6);//generamos una id para poder tener imagenes repetidas  
 
    ($archivo != "") or die ("Error al subir la imagen ".$archivo); 
    return $resp;
 
          
    ($tipo == "image/jpeg" || $tipo == "image/png" || $tipo == "image/jpg") or die ("Sólo se admiten imágenes en <b>.jpg</b> , <b>.png </b> y <b>.jpeg </b>"); 
            
    $destino =  "./pruebas/".$prefijo."_".$archivo; //ruta de la imagen original
    (copy($_FILES['prueba']['tmp_name'],$destino)) or die ("Error al subir la imagen ".$archivo);
    $status = "La imagen <b>".$archivo."</b> se a subido correctamente !"; 
    $post=$destino;     
    
    $sql="INSERT INTO imagenes (ruta) values('$destino') "; 
    $res=mysql_query($sql,$conexion); 
 
}
 

pero me salta el error

<b>Notice</b>: Undefined index: prueba in <b>/Applications/XAMPP/xamppfiles/htdocs/downprogress/proyecto/modeloTutor.php</b> on line <b>257</b><br />

¿alguien me puede ayudar?

[infoturnosya]

Si no te es muy drástico cambia el $.post por $.ajax y para enviar archivos el parametro processData:false siempre debe estar en false

Código Javascript:

$.ajax({
url: "ajax_php_file.php", // Url to which the request is send
type: "POST",             // Type of request to be send, called as method
data: new FormData(this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
contentType: false,       // The content type used when sending data to the server.
cache: false,             // To unable request pages to be cached
processData:false,        // To send DOMDocument or non processed data file it is set to false
success: function(data)   // A function to be called if request succeeds
{
$('#loading').hide();
$("#message").html(data);
}
});
 

[fjhg0002]

@infoturnosya yo lo que necesito es poder llamar además a una función dentro de ajax_php_file.php

[fjhg0002]

Así quedó la solución, gracias a la respuesta de nuestro compañero

Código PHP:

function sImagen() {
    var formData=new FormData(document.getElementById('process_image_form'));
    formData.append( "funcion", "addImagen");
    //var fileName = $("#prueba")[0].files[0].name;
    $.ajax({
       url: "modeloTutor.php",
       type: "POST",
       data: formData,
       //funcion: "addImagen",
       contentType: false,
       cache: false,
       processData: false,
       success: function(data){
        alert("subida imagen correctamente" + data);
       }
    });
}