semplice cross-browser, jQuery/upload di file PHP con barra di avanzamento

Question

So che ci sono diversi argomenti là fuori su questo, ma nessuno di loro ha offerto una soluzione definitiva per uno script uploader file:

1. Funziona su IE7 +
2. Ha una barra di avanzamento (Su ogni browser)
3. No Flash (o di riserva)

Eventuali soluzioni?

Answer 1

È possibile utilizzare Axuploader di AlbanX.Ha;

• upload di file multi su tutti i browser
• di file multi selezionare il browser HTML5 (non IE)
• Upload Progress informazioni sui browser HTML5
• informazioni Dimensioni file a browser HTML5
• No flash, no Silverlight, su altri plugin, solo JavaScript
• Supporto IE 6+, Firefox 2+, Safari 2+, Chrome 1+
• Carica file per blocco, per ulteriori perf ormance
• Non dipende dal server di massima misura del perno e limiti di dimensione dei file caricati max

Si può anche provare Fine-Uploader da Widen. Ha;

• di file multipli di selezione, i progressi bar in FF, Chrome e Safari
• di file drag-and-drop selezionare in FF, Chrome e Safari (OS X)
• Upload sono annullabile
• Nessuna dipendenza esterna se si utilizza FineUploader o FineUploaderBasic. Se si utilizza il wrapper jQuery opzionale, è ovviamente richiesto jQuery.
• FineUploaderBasic richiede solo il file javascript Fine Uploader associato. Tutti i file css e di immagine di Fine Uploader possono essere omessi.
• Vuol non utilizzare Flash
• Completamente funzionante con HTTPS
• Testato in IE7 +, Firefox, Safari (OS X), Chrome, IOS6, e le varie versioni di Android. Ora è supportato anche IE10!
• possibilità di caricare file non appena vengono selezionati, o "coda" di loro per il caricamento su richiesta dell'utente dopo
• di visualizzazione messaggi di errore specifici da server in caso di fallimento di upload (il mouse sopra fallito voce upload)
• Capacità di auto -retry fallito arrivi
• Opzione per consentire agli utenti di riprovare manualmente un caricamento non è riuscito
• Crea un tuo file validatore e/o utilizzare alcuni validatori di default includono con Belle Uploader
• Ricevi richiamata nelle varie fasi del processo di caricamento
• Invia qualsiasi parametro sul lato server insieme a ciascun file.
• Carica le directory tramite trascinamento della selezione (Chrome 21+).
• Include i parametri nella stringa di query O il corpo della richiesta.
• Invia file da caricare tramite l'API.
• Suddividere un file in più richieste (file chunking/partizionamento).
• Riprendi fallita/uploads fermato da sessioni precedenti
• Eliminare i file caricati
• CORS supportano
• Carica oggetti Blob tramite l'API.
• Imposta e applica facilmente un limite massimo di elementi.
• Carica immagini tramite incolla (Chrome).
• File standalone & trascinamento cartella & modulo di rilascio. Integrato per impostazione predefinita in modalità FineUploader.
• Eseguire asincrona (non bloccante) le attività in callback che influenzano il file associato o file
• Carica le immagini direttamente dalla fotocamera di un dispositivo mobile
• recuperare le statistiche per i file caricati e ricevere callback sullo stato cambia
• E molti Di Più!

O jQuery-File-Upload plugin (compatibile con IE), che ha ottenuto;

• Caricamento di più file: Consente di selezionare più file contemporaneamente e caricarli contemporaneamente.
• Trascinamento & Supporto rilascio: Consente di caricare i file trascinandoli dal desktop o dal gestore dei file e rilasciandoli nella finestra del browser.
• Barra di avanzamento caricamento: Mostra una barra di avanzamento che indica lo stato di avanzamento del caricamento per singoli file e per tutti i caricamenti combinati.
• Caricamenti annullati: È possibile annullare singoli caricamenti di file per interrompere l'avanzamento del caricamento.
• Caricamenti ripristinabili: I caricamenti interrotti possono essere ripresi con i browser che supportano l'API Blob.
• Caricamenti saltati: I file di grandi dimensioni possono essere caricati in blocchi più piccoli con i browser che supportano l'API Blob.
• Ridimensionamento immagine lato client: Le immagini possono essere ridimensionate automaticamente sul lato client con i browser che supportano le API JS richieste.
• Immagini di anteprima: È possibile visualizzare un'anteprima dei file di immagine prima di caricarli con i browser che supportano le API JS richieste.
• Nessun plug-in del browser (ad esempio Adobe Flash) richiesto: L'implementazione è basata su standard aperti come HTML5 e JavaScript e non richiede plug-in aggiuntivi del browser.
• Fallimento agevole per i browser legacy: Carica i file tramite XMLHttpRequests se supportato e utilizza iframe come fallback per i browser legacy.
• HTML file upload form fallback: Mostra un modulo di caricamento file HTML standard se JavaScript è disabilitato.
• Caricamenti di file cross-site: Supporta il caricamento di file in un dominio diverso con Cross-site XMLHttpRequests.
• Istanze di plug-in multiple: Consente di utilizzare più istanze di plug-in sulla stessa pagina Web.
• Personalizzabile ed estendibile: Fornisce un'API per impostare singole opzioni e definire i metodi callBack per vari eventi di caricamento.
• Caricamento di contenuti multiparte e di file: I file possono essere caricati come standard "multipart/form-data" o flusso di contenuti di file (upload di file PUT HTTP).
• Compatibile con qualsiasi piattaforma applicativa lato server: Funziona con qualsiasi piattaforma lato server (PHP, Python, Ruby on Rails, Java, Node.js, Go ecc.) Che supporta upload di file di modulo HTML standard.

* UPDATE

Partenza 10 HTML5 File Upload with jQuery Example a vedere alcuni uploader di file grandi che funziona con HTML5

Inoltre, qui a 10+ PHP Ajax Upload File Tutorials - Free Download è possibile scegliere tra un sacco di uploader.

Spero che questo aiuti.

Answer 2

Usa questa:

http://valums.com/ajax-upload/

No Flash, semplice Jquery.

Caratteristiche

1. più file di selezione, i progressi bar in FF, Chrome, Safari
2. di file drag-and-drop selezionare in FF, Chrome
3. arrivi sono annullabili
4. nessuna dipendenza esterna
5. non utilizza Flash
6. completamente funzionante con https
7. supporto per tastiera in FF, Chrome, Safari
8. testato in IE7,8; Firefox 3,3.6,4; Safari4,5; Cromo; Opera10.60;

git: https://github.com/valums/file-uploader

È inoltre possibile utilizzare questi:

http://nixboxdesigns.com/demos/jquery-uploadprogress.php

https://github.com/drogus/jquery-upload-progress

http://www.albanx.com/

IE barra di avanzamento Flash-meno

http://www.webappers.com/2011/01/24/jquery-file-upload-with-upload-progress-bar/

Spero che questo aiuti.

Answer 3

http://www.plupload.com/ è disponibile in più runtime e ha un degrado aggraziato. Se HTML5 è supportato, può anche trascinare e rilasciare i caricamenti.

Answer 4

Per supportare la barra di avanzamento e il caricamento di più file in IE richiede Flash. Sfortunatamente, nessuno dei nuovi widget "appariscenti ma senza flash" lo supporta.

L'unica soluzione che ho trovato è Uploadify, che non è perfetto ma fa il lavoro. Il maggiore svantaggio è la mancanza di supporto drag and drop.

Francamente, tutti questi nuovi widget sono molto migliori, ma gli sviluppatori sembrano purtroppo contrari all'implementazione di una soluzione di fallback in Flash per IE.

Answer 5

Credo che i seguenti sono la cosa avete bisogno, che supportano anche segnano progressi caricare bene in IE per componente Flash

• http://yuilibrary.com/yui/docs/uploader/
• http://www.plupload.com/documentation.php