eliminazione immagine caricata con ajax

[pippuccio76]

Salve vorrei eliminare l'immagine caricata tramite ajax , ma la funzione elimina non funziona , ecco il codice :

(function ($) {
    // variabili private
    var input    = document.getElementById('images'),
        formdata = false;


    // Aggiunge il tutto su #list
    var show_img = function (url_img) {
        // Cerco l'elemento #list e creo due elementi img e li e cer
       
		document.getElementById('risultato2').innerHTML = '<img src="' + url_img + '"> <a href="javascript:elimina();" >X</a>';
		document.getElementById('risultato2').style.display= "none";
    }
	
	


    // Se e' disponibile formdata, posso caricare l'immagine
    if (window.FormData) {
        // Creo un nuovo oggetto FormData
        formdata = new FormData();
        // Nascondo il pulsante per l'upload
        document.getElementById('sub').style.display = 'none';
    }


    // Aggiungo una routine che gestisce l'evento 'change' all'input di caricamento
    input.addEventListener('change', function () {
        // Dichiaro le variabili utili nel loop
        var i   = 0,
            len = this.files.length,
            img, reader, file;


        // Modifico il testo di risultato
        document.getElementById('risultato').innerHTML = 'Caricando... <img src="load.gif" alt="Caricamento" style="z-index:9999999999" class="load" />';
		
		
        
		
            // Assegno il file attuale alla variabile di comodo
            file = this.files[i];


            // Se il fle è una immagine
            if (!!file.type.match(/image.*/)) {
                // Se FileReader è supportato
                if ( window.FileReader ) {
                    // Creo un nuovo oggetto reader
                    reader = new FileReader();
                    // Quindi mostro l'immagine usando la funzione show_img
                    reader.onloadend = function (e) {
                        show_img(e.target.result, file.fileName);
                    };
                    reader.readAsDataURL(file);
                }
                // Aggiungo a formdata l'immagine
                if (formdata) {
                    formdata.append('images[]', file);
                }
            }
        
		


        // Invio una richiesta POST usando jQuery ad upload.php, che effettivamente carichera' l'immagine nella cartella del server
        if (formdata) {
            $.ajax({
                url: 'ajax/upload_img.php',
                type: 'POST',
                data: formdata,
                processData: false,
                contentType: false,
                // In caso di successo...
                success: function (data) {
                    // ...stampo il risultato come testo all'interno di #risultato
					document.getElementById('risultato2').style.display= "block";
                    document.getElementById('risultato').innerHTML = data;
					document.getElementById('container').style.display= "none";
					document.getElementById("formimage").value = "modificato";
                }
            });
        }
    }, false);
})(jQuery);


var elimina = function () {
    	document.getElementById('risultato2').innerHTML = "";
		document.getElementById('images').value = "";
		document.getElementById('risultato').innerHTML = "";
		document.getElementById('container').style.display= "block";
		var ajax2 = new XMLHttpRequest();
		ajax2.open("GET", "ajax/delete_img.php", false);
		ajax2.send(null);


	}

[br1]

Spiega cosa intendi per "non funziona" ... fa esplodere il pc? non sparisce l'immagine dal video? non viene cancellata sul server?

[pippuccio76]

Spiega cosa intendi per "non funziona" ... fa esplodere il pc? non sparisce l'immagine dal video? non viene cancellata sul server?

Non sparisce dal video e dal server....

[cavicchiandrea]

Prima sembrerebbe che cariche l'immagine nella "memoria" del browser con FileReader() poi lanci una chiamata Ajax post per caricarla sul server (domanda sul server l'immagine fisicamente arriva? Ho qualche dubbio....) poi c'è una seconda chiamata Ajax get per eliminarla ma non indichi quale immagine vorresti eliminare inoltre non cancelli il file dalla "memoria" del browser.
Sembra più l'abuso indiscriminato del copia/incolla che di uno sviluppo logico

[pippuccio76]

Prima sembrerebbe che cariche l'immagine nella "memoria" del browser con FileReader() poi lanci una chiamata Ajax post per caricarla sul server (domanda sul server l'immagine fisicamente arriva? Ho qualche dubbio....) poi c'è una seconda chiamata Ajax get per eliminarla ma non indichi quale immagine vorresti eliminare inoltre non cancelli il file dalla "memoria" del browser.
Sembra più l'abuso indiscriminato del copia/incolla che di uno sviluppo logico

hai ragione ,sto mettendo mano su un progetto di un altra persona, però io di js e ajax non ho una conoscenza approfondita , comunque il percorso per l'eliminazione è nel file php .

Hai una guida da seguire per fare upload , con anteprima e un pulsante per l'eliminazione.

Grazie

[cavicchiandrea]

No googla "jquery ajax php upload image preview"

[pippuccio76]

No googla "jquery ajax php upload image preview"

Ho trovato jquery file upload ,per eseguire delle prove l'ho caricato su altervista , qui :

http://lemuria.altervista.org/jqueryupload/index.html


Ho eliminato alcuni pulsanti dalla versione originale , quando premo su start dopo aver scelto il file però l'immagine sparisce .....

Vorrei poter scegliere il numero di massimo da upload e capirci qualcosa su come salvare il tutto in una cartella scelta da me con nome scelto da me ma non so da dove iniziare.....

[cavicchiandrea]

Ho qualche dubbio che il forum possa darti questo tipo di supporto, spero di sbagliare