2010-07-10 20 views
6

Szukam przycisku, który po kliknięciu otwiera okno dialogowe, w którym wybiera obraz do przesłania, a po wybraniu i naciśnięciu przycisku OK w oknie dialogowym rozpoczyna się wysyłanie (opcjonalny pasek wysyłania))Przycisk przesyłania jednym kliknięciem

Korzystne byłoby jQuery plugin, który modyfikuje funkcjonalność standardowego wejścia pliku html ... jak już napisałem kod za pomocą jednego.

+0

Jestem naprawdę tylko chce przesłać jeden plik tak wolałbym najprostszy z możliwych podejście. Do tej pory wszyscy byli trochę ponad zabicie dla moich potrzeb. Dzięki :) – Pablo

+0

Słyszę Cię, ale obawiam się, że nie ma prostszego sposobu niż użycie niestandardowego programu do przesyłania. Przycisku przesyłania pliku przeglądarki nie można aktywować programowo ze względów bezpieczeństwa. –

+0

Czy formularz może zostać przesłany w oknie dialogowym wyboru pliku? – Pablo

Odpowiedz

3

Wtyczka JQuery uploadify zostanie przesłana z paskiem postępu i zawiera funkcję przesyłania pojedynczych plików lub wielu plików.

3

SWFUpload jest w stanie to zrobić. Jest to komponent do przesyłania oparty na technologii Flash, z którym możesz korzystać za pomocą JavaScript.

Demo

2

Istnieją inne rozwiązania oparte Flash inne niż SWFUpload. Zajrzyj pod uploadify.com

To jest wtyczka jquery.

0

To może być to, czego szukasz:

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

Skrypt obsługuje przesyłanie wielu plików, ale jest to opcja. Podczas gdy Uploadify i SWFUpload oba wymagają zainstalowania Flasha, ta wtyczka jest wolna od Flasha. Jest to prawdopodobnie najprostsze podejście do problemu. Dostępne są mniejsze wtyczki, ale zazwyczaj nie działają dobrze we wszystkich przeglądarkach.

2

Jest trochę oszukiwać, aby to zrobić za pomocą jquery i zwykłego html. to jest to, czego używam w moim projekcie, aby przesłać jeden plik (ograniczony do jednego) i po prostu za pomocą jednego przycisku i bez żadnej wtyczki, mimo że jest to styl wymagający przycisku.

HTML kod

<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> 
Powiązane problemy