Salve vorrei eliminare l'immagine caricata tramite ajax , ma la funzione elimina non funziona , ecco il codice :
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);
}