Il campo di inserimento file HTML aggiunge i file? (invece di sostituire)

2

Sto provando a creare un campo di input del file HTML che può aggiungere più file al modulo, invece di sostituire i file selezionati esistenti.

Questo è l'elemento di input di file di base per il caricamento di più file:

<input type="file" id="fileupload" multiple>

Sostituisce tuttavia i file selezionati in precedenza: (

Non posso credere che html non abbia una funzionalità integrata per aggiungere più file, ma tutte le soluzioni che ho visto finora implicano l'aggiunta di qualche libreria esterna che non è l'ideale.

    
posta kpurens 05.02.2017 - 09:07
fonte

2 risposte

1

Penso che questa sia una domanda per SO.

Il campo del file, multiplo o diverso, sostituirà sempre la selezione precedente. Quello che devi fare è memorizzare la selezione da qualche altra parte ogni volta che l'utente seleziona un file.

Il campo file ha una proprietà files , che contiene un oggetto FileList , che è fondamentalmente un elenco di oggetti File , ognuno con alcune proprietà come name , type e size .

Se ascolti l'evento change , puoi semplicemente aggiungere i file appena selezionati alla tua variabile e persino presentarli all'utente e consentirgli di rimuovere un file. È possibile iniziare immediatamente a caricare i file tramite AJAX o inviare tutti i file quando il modulo viene inviato.

See:

link

link

    
risposta data 06.02.2017 - 02:34
fonte
2

Non ho mai avuto il problema di sovrascrivere i file caricati in precedenza. Sul backend il tuo codice salverà i file. Un modo semplice per farlo è utilizzare un contatore da un database in modo da salvare il file con un ID univoco.

    
risposta data 06.02.2017 - 03:23
fonte

Leggi altre domande sui tag