2015-02-24 9 views
9

Sto utilizzando Dropzone.js per aggiungere funzioni di trascinamento della selezione di file a un modulo di caricamento, e sembra buono e tutto funziona alla grande.Dropzone.js rimuove il collegamento nascosto dietro il messaggio pop-up

Tuttavia, quando un file viene rifiutato, se è troppo grande o non è un'estensione consentita, il messaggio di errore pop-up nasconde il collegamento "Rimuovi", quindi non è possibile rimuovere l'icona di file non valido.

enter image description here

C'è un modo per aggirare questo?

Penso che è possibile impostare per rimuovere automaticamente gli elementi non validi dalla coda, ma poi l'utente non otterrebbe il messaggio di spiegazione.

Forse nascondere il testo "rimuovi" per un file non valido e aggiungere un collegamento al messaggio popup?

Oppure modificare i collegamenti "rimuovi" in una piccola icona "X" nell'angolo in basso a destra dell'icona che non verrebbe nascosta?

Non sei sicuro di come fare uno di questi, o se c'è una soluzione migliore a questo?

risposta

13

Una soluzione è personalizzare il codice CSS di dropzonejs per il modello di anteprima per regolare il messaggio di errore. Ad esempio, nel tuo caso si potrebbe aggiornare:

.dropzone .dz-preview .dz-error-message { 
 
    top: 150px!important; 
 
}

E questo è il risultato:

enter image description here

+0

È il 'important' strettamente necessario!? Non trovo che sia nel mio caso. –

+0

@BenJohnson Dipende, ma probabilmente no, quindi puoi rimuoverlo. – Gabriel

Problemi correlati