2010-07-10 15 views
6

Sto cercando di creare un pulsante che quando si fa clic apre una finestra di dialogo in cui selezionare un'immagine da caricare e poi, una volta selezionata e premuta, nella finestra di dialogo inizia il caricamento (barra di caricamento opzionale :))Pulsante di upload con un clic

Preferibile sarebbe un plug-in jquery che modifica la funzionalità dell'ingresso di file html standard ... come ho già scritto il codice utilizzando uno.

+0

sto davvero solo cercando di caricare un file in modo io preferirei l'approccio più semplice possibile. Finora sono stati tutti un po 'sopra uccidere per i miei bisogni. Grazie :) – Pablo

+0

Ti sento, ma temo che non ci sia un modo più semplice di usare un uploader personalizzato. Il pulsante di caricamento del file del browser non può essere attivato a livello di programmazione per motivi di sicurezza. –

+0

Il modulo può essere inviato sulla finestra di dialogo di selezione file chiusa? – Pablo

risposta

3

Il plug-in JQuery uploadify verrà caricato con una barra di avanzamento e include funzionalità per caricamenti di file singoli o multipli.

3

SWFUpload è in grado di farlo. È un componente di caricamento basato su Flash che è possibile interagire con JavaScript.

Demo

2

Non ci sono altre soluzioni basate Flash diverse da SWFupload. Date un'occhiata a uploadify.com

Questo è un plugin jQuery.

0

Questo potrebbe essere quello che stai cercando:

https://github.com/bencolon/file-uploader

Lo script supporta upload di più file, ma è un'opzione. Mentre Uploadify e SWFUpload richiedono entrambi l'installazione di Flash, questo plugin se privo di Flash. È probabilmente l'approccio più semplice al tuo problema. Ci sono plugin più piccoli disponibili, ma tendono a non funzionare bene su tutti i browser.

2

c'è un trucco per farlo usando jquery e ordinario html. questo è quello che uso nel mio progetto per caricare un file (limitato a uno) e semplicemente usando un pulsante e nessun plugin qualunque sia il pulsante che ha bisogno di stile.

codice HTML

<form method="get" action="somephp.php"> 
       <input type="file" id="upload" name="upload" style="width: 88px; opacity:0.0; filter:alpha(opacity=0); " onchange='uploadChange()'/> 
       <input type="submit" name="submit" style="margin-left: -88px"/> 
      </form> 

jquery:

<script> 
    function uploadChange(){ 
     $('input[type="submit"]').click(); 
    } 
</script> 
Problemi correlati