Ciao a tutti,
mi sto spaccando la testa
in un problema:
Ho un semplice form per upload di file multipli:
codice HTML:
<form action="upload_file.php" method="post" enctype="multipart/form-data" id="MyUploadForm"> <input name="file[]" id="FileInput" type="file" multiple /> <input type="submit" id="submit-btn" value="Upload" /> <img src="ajax-loader.gif" id="loading-img" style="display:none;" alt="Please Wait"/> </form>
<div id="list_file"> </div> <div id="progressbox" > <div id="progressbar"></div > <div id="statustxt">0%</div> </div> <div id="output"></div>
una volta scelti i file li mostro nel div list_file.
Mediante jQuery una volta caricati ci metto un simboletto "x" e ci aggiungo una classe, questo perchè poi vorrei rimuoverli.
codice HTML:
<script>
$(':file').change(function(){ var file = $(this); var arr_files = file[0].files; $.each(arr_files,function(val){ var lista=$(this)[0].name + '<br/>'; console.log($(this)[0].name); var kb=$(this)[0].size/1024; kb=kb.toFixed(2); $('#list_file').append('<p>'+$(this)[0].name + ' ('+kb+') <i class="remove foundicon-remove"></i></p>'); }); // eseguo un bind per l'evento click $( ".remove" ).click(function(event) { var file = $("input[type=file]"); var arr_files = new Array(); arr_files=file[0].files; var nome=$( ".remove" ).parents('p').text(); var n = nome.indexOf(" ("); nome=nome.substring(0, n); console.log(arr_files); $.each(arr_files,function(index){ if(nome==$(this)[0].name){ console.log('index '+index); arr_files.splice(1,1); } }); //$( ".remove" ).parents('p').remove(); console.log(arr_files); }); });</script>
Ora il mio problema è il seguente, una volta cliccato sul simboletto ad "x" voglio eliminare dall'oggetto ListFile il file selezionato. Ho letto su altri forum e dicono che ListFile è in sola lettura.. Addirittura nel mio script faccio solamente un test per vedere se la funzione splice va a buon fine.. ma niente.. come posso fare?
Grazie