2012-03-23 20 views
7

Jestem nowy na JavaScript. Jednak chcę zaimplementować wtyczkę jquery do przesyłania plików.Jak skonfigurować przesyłanie plików jQuery? Jak zaimplementować procedurę ładowania plików?

Tutaj jest setup guide Znalazłem, ale nie mam podstawowej wiedzy, jak to skonfigurować.

Używam Pythona (kolba) jako mojego serwera realizacji bocznej

Od nagłówkiem instrukcja instalacji,

jQuery File Upload (wersja UI) z niestandardowych po stronie serwera wysyłania obsługi

Nie mam pojęcia, jak skonfigurować punkt 1, 4, 5

dla 1, co to jest program obsługi przesyłania? i jak zaimplementować w python (flakon)?

za 4, jakie dawki "Prześlij folder jQuery-File-Upload do swojej witryny." ??? do czego to służy?

i dla 5, muszę zwrócić odpowiedź JSON na procedurę obsługi przesyłania? Dlaczego musimy to robić?

Konfiguracja jest dość skomplikowana ... ktoś może mi dać wskazówki?

Kit

+0

Istnieje samouczek po stronie serwera z kolbą na https://github.com/blueimp/jQuery-File-Upload/wiki/Flask – EwyynTomato

+0

Ten jest już starą wersją –

Odpowiedz

4

Być może jedna lub dwie wskazówki:

  1. Handler Prześlij to po prostu punkt końcowy URL że Załaduj jQuery File można wysyłać pliki do - to musi być w stanie obsługiwać przychodzące żądania HTTP .

    @app.route("/uploads", methods=["GET", "POST"]) 
    def upload_handler(): 
        # Handle the upload here 
        pass 
    
  2. Nie trzeba przesłać folder cały - tylko CSS i JavaScript będzie używany. Jeśli potrzebujesz tylko pliku, Twój szablon może wyglądać jak basic setup. (Należy jednak zminimalizować i połączyć pliki dla wdrożonej witryny).

  3. powrót odpowiedź JSON do obsługi przesyłania tak, że handler skrypt wykonywania żądania przesyłania plików XHR może wiedzieć takie rzeczy jak:

    • Co adres URL przesłanego obrazu to (i miniatury, jeśli robisz miniatury).
    • Co to jest adres URL usuwania (i metoda).

linked example for Flask wydaje się bardzo podobna do Django example for the new version - prawdopodobnie można zacząć z tym i potem łatać go do pracy z nową wersją jQuery przesłanie pliku.

+1

Sean: Thx. A co z paskiem postępu? Czy muszę dodać dodatkowy kod, aby obsłużyć stan wysyłania? –

+0

@KitHo - patrząc na kod, który powiedziałbym nie - wygląda na to, że pasek postępu jest dostępny tylko dla przeglądarek, które obsługują dostarczanie postępu na kliencie. Zobacz: https: // github.com/blueimp/jQuery-File-Upload/blob/master/js/jquery.fileupload.js # L213 –

+0

Sean: Teraz jestem czysty :) –

Powiązane problemy