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.

[jandrogdz]

He intentado obtener el valor del input file y lo mando como parametro, pero sigue sin funcionar.

Código Javascript:

var filec = $("#uploadedfile").val();
 

[jandrogdz]

He logrado obtener el valor del input pero ahora no se como hacerle para haer el proceso de subir el archivo.

Código Javascript:

function test()
{
    var input = document.getElementById ("uploadedfile");
    var valor = input.value;
    var path = valor;
    var pos =path.lastIndexOf( path.charAt( path.indexOf(":")+1) );
    var filename = path.substring( pos+1);
    document.getElementById('archivo').value = filename;
    //alert( filename );
}
 

pero como seria en esta parte:

Código PHP:

$ruta ='../images/productos';
        $temp = $_FILES["uploadedfile"]['tmp_name'];
        $nombreImagen = $_FILES["uploadedfile"]['name'];
        move_uploaded_file($temp,$ruta."/".$nombreImagen);
        $ruta = $ruta."/".$nombreImagen;
 

como puedo hacer para que haga ese proceso correctamente.