Problema al subir imagen

[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.