eliminar imagen de db y carpeta con javascript y ajax

[webness]

Bueno, me surge una duda si manejas ajax, pero para ello buscate un tutorial, ahora bien asumiendo que sabes, debes de hacer algo como esto

encierra cada foto en un <div> con un id unico es decir algo como esto

<div id=carro_128><img src=foto_128.jpg></div>
--->este seria el codigo html resultante de ejecutar el php que muestra las fotos.
--->tambien asumimos que 128 es el id de la foto en la tabla de fotos para los productos

al ladito ponle un boton o una imagen de eliminar a la cual le añades el evento onClick asi:

<img src = "eliminar.jpg" onclick = "eliminar_ajax(128);" >

ahora bien esta funcion eliminar, la haces en javascript implementando ajax

seria algo mas o menos asi

Código Javascript:

function createAjax()
{
    var objAjax = false;
    
    if (window.XMLHttpRequest)
    {
        objAjax = new XMLHttpRequest ();
    } 
    else 
    {
        if (window.ActiveXObject)
        {
            try 
            {
                objAjax = new ActiveXObject ("Msxml2.XMLHTTP");
            }
            catch (e)
            {
                try
                {
                    objAjax = new ActiveXObject ("Microsoft.XMLHTTP");
                }
                catch (e)
                {
                }
            }
        } 
        else
        {
            objAjax = false;
        }
    }
    return objAjax;
}
 
function eliminar(id_foto)
{
    var ajax = createAjax();
    ajax.open("POST", "eliminar_foto.php",true);
 
    ajax.onreadystatechange=function()
    {
        if (ajax.readyState == 4)
        {
              //AQUI DEBES DE PONER EL CODIGO RESPECTIVO PARA ELIMINAR DEL NAVEGADOR
              // EL DIV EN CUESTION o simplemente hacer su contenido vacio, que es lo que hare
             document.getElementById("carro_"+id_foto).innerHTML = "";
             document.getElementById("div_mensajes").innerHTML
        }
        else
        {
            document.getElementById("div_mensajes").innerHTML = "<br><center>Eliminando<img src = 'images/ajax-loader.gif' /></center>";
        }
    }
 
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    ajax.send("id_foto="+id_foto);
}
 

de esto cabe resaltar que en el fichero eliminar_foto.php haces el codigo necesario para borrar la foto y no imprimes nada en pantalla. la variable fue enviada via post para que la recibas con $_POST["id_foto"]

el <div> llamado <div id="mensajes"></div> es un div que pones en algun lugar estrategico de tu pagina, y lo que se alli es mostrar la imagen de procesar mientras que se bborra la foto.