Plupload: il pulsante Seleziona file non funziona quando si trova all'interno di un mod Bootstrap

Il pulsante "Seleziona file" Plupload non funziona quando è all'interno di uno Bootstrap modal.Plupload: il pulsante Seleziona file non funziona quando si trova all'interno di un mod Bootstrap

Il problema

il problema sembra esistere su dispositivi Apple solo come iPad e iPhone. Ho provato su un Samsung Galaxy S4 Mini con Android 4.2.2 e su un tablet Nexus 7 con Android 4.4.2 e entrambi i dispositivi funzionano.

Demo

Ecco una demo per illustrare il problema (nota avrete bisogno di visualizzare su un iPad o iPhone al fine di vedere il problema):

JSFIDDLE

Note

È interessante notare che se si sposta il mark-up seguente all'esterno dell'elemento .modal in modo che il pulsante dei file di lect è visibile sul caricamento iniziale della pagina, quindi il problema scompare.

<div id="container"> 
    <a id="pickfiles" href="javascript:;">[Select files]</a> 
    <a id="uploadfiles" href="javascript:;">[Upload files]</a> 
</div>

La mia domanda

Come posso ottenere pulsante 'Seleziona file' di lavoro all'interno del modal per iPhone e iPad?

fonte

2014-11-12 henrywright

Credo che il pulsante non avrebbe alcun senso su iPhone, perché non si ottengono l'accesso a filesstem locale, quindi non ci sarebbe nulla di caricare – rapsli

accesso al file system locale è possibile in iPhone in realtà. – henrywright

A destra;) ha testato l'esempio su plupload. Puoi eseguire il debug di questo? Forse nel simulatore ios? – rapsli

PLupload ha problemi di rendering all'interno di elementi inizialmente nascosti. È necessario aggiornare il plupload dopo la visualizzazione della finestra di dialogo. aggiungere questo codice subito dopo uploader.init()

$('#myModal').on('shown.bs.modal', function() { 
    uploader.refresh(); 
})

fonte

2014-11-18 21:23:05

Grazie, l'ho fatto (vedi questo jsfiddle: http://jsfiddle.net/gyqk9xg3/2/). Ti scriverò non appena avrò avuto la possibilità di provare su un iPhone e iPad – henrywright

Testato su iPhone, e il violino funziona. Grazie – henrywright

Questo funziona anche con Remodal (https://github.com/VodkaBears/Remodal)! –

Plupload: il pulsante Seleziona file non funziona quando si trova all'interno di un mod Bootstrap

risposta

Problemi correlati