Problema al subir imagen

[jandrogdz]

Buenas foro

Tengo un form donde necesito guardar datos desde un formulario con ajax.
El problema es que cuando envio el formulario sin ajax la imagen si se envia, pero cuando utilizo la funcion para procesar el formulario el nombre de la imagen no llega alguien me puede ayudar.

formulario:

Código HTML:

<form method="post" name="formprovedo" id="formprovedo" enctype="multipart/form-data" >
                <div class="photo" onmouseover="javascript:document.getElementById('capa1').style.visibility='visible';"
                onmouseout="javascript:document.getElementById('capa1').style.visibility='hidden';">
                    <div id="capa1">
                        <div class="upload">
                        <span>Seleccionar imagen</span>
                        <input name="uploadedfile" id="uploadedfile" type="file" title=".::Debes de elejir un archivo::." onchange="readURL(this);" />
                        </div>
                    </div>
                        <div id="capa2"> <img id="previa" src="images/no_disponible.png" /> </div>
                </div>
                <div id"ok"></div>
 
                <fieldset><legend>Registro de nuevo producto</legend>
                    <label>
                        <span class="etiqueta">Nombre del proveedor:</span>
                        <input type="text" name="provedo" id="provedo" autocomplete="off" onblur="alfanumerico(this);" />
                        <input type="hidden" name="objectID" id="objectID" />
                    </label>
 
                    <label>
                        <span>Categor&iacute;a:</span>
                        <input type="text" name="categoria" id="categoria" onblur="texto(this);" autocomplete="off" />
                        <input type="hidden" name="id_categoria" id="id_categoria" />
                    </label>
 
                    <label>
                        <span>Tipo</span>
                        <select name="tipo" id="lista">
                            <option value="null" selected>.::Elija tipo::.</option>
                            <option value="p">Producto</option>
                            <option value="s">Servicio</option>
                        </select>
                    </label>
                    <label>
                        <span>Producto | Servicio:</span>
                        <input type="text" name="prod_serv" id="prod_serv" onblur="alfanumerico(this);" autocomplete="off" />
                    </label>
 
                    <label for="desc">
                    <span>Descripci&oacute;n del producto | servicio:</span>
                        <textarea name="desc" id="desc"></textarea>
                    </label>
                    <input type="submit" value="Guardar datos" />
                </fieldset>
            </form>
 

function ajax:

Código Javascript:

$(function(){
$("#formprovedo").submit(function(){
    $.ajax({
        type:"POST",
        url:"accion.php?accion=agregar",
        dataType:"html",
        data:$(this).serialize(),
        beforeSend:function(){
            $("#loading").show();
        },
        success:function(response){
            $("#response").html(response);
            $("#loading").hide();
        }
 
    })
    return false;
})
 
})
 

y asi recibo los datos:

Código PHP:

$provedo = $_POST["provedo"];
        $id_provedo = $_POST["objectID"];
        $categoria = $_POST["categoria"];
        $id_categoria = $_POST["id_categoria"];
        $prod_serv = $_POST["prod_serv"];
        $desc = $_POST["desc"];
        
        $ruta ='../images/productos';
        $temp = $_FILES['uploadedfile']['tmp_name'];
        $nombreImagen = $_FILES['uploadedfile']['name'];
        move_uploaded_file($temp,$ruta."/".$nombreImagen);
        $ruta = $ruta."/".$nombreImagen;
        
        $tipo = $_POST["tipo"];
 

Alguien sabe porque cuando utilizo la function de ajax no m manda la imagen?

espero me puedan ayudar.