2012-03-23 14 views
7

私はJavascriptで新しいです。しかし、私はファイルのアップロードのためのjqueryのプラグインを実装したい。ここでjQuery-File-Uploadのセットアップ方法は?アップロードハンドラの実装方法

setup guideである私が見つかりましたが、私はどのように設定、これをするには基本的な知識を持っていません。カスタムサーバー側のアップロード・ハンドラでjQueryのファイルアップロード(UI版)を使用して、私は、サーバー側の実装セットアップガイドの見出しから

としてのpython(フラスコ)を使用しています

ポイント1、4、5を設定する方法がわかりません

1の場合、アップロードハンドラとは何ですか? Python(フラスコ)で実装する方法は? 4用

、どのような "あなたのウェブサイトへのjQuery-FILE-アップロードフォルダをアップロードします。" 用量???それは何のために使うのですか?

と5のために、私は、アップロード・ハンドラのJSONレスポンスを返すことがありますか?なぜ我々はそれをしなければならないのですか?

設定が非常に複雑である...誰も私にいくつかのヒントを与えることができますか?

キット

+0

フラスコ付きのサーバー側のチュートリアルがhttps://github.com/blueimp/jQuery-File-Upload/wiki/Flask – EwyynTomato

+0

にあります。これはすでに古いバージョンです –

答えて

4

たぶん1または2のヒント:

  1. アップロード・ハンドラでjQueryのファイルのアップロードはにファイルを送信することができ、単にURLのエンドポイント - それは、着信HTTP要求を処理できるようにする必要があります。唯一のCSSとJavaScriptご使用されます -

    @app.route("/uploads", methods=["GET", "POST"]) 
    def upload_handler(): 
        # Handle the upload here 
        pass 
    
  2. あなたは全体フォルダをアップロードする必要はありません。ファイルのアップロードだけが必要な場合は、テンプレートはbasic setupのようになります。 (ただし、展開されたWebサイトのファイルを縮小して連結する必要があります)。何アップロードされた画像のURLがある(サムネイル

    • 場合、:XHRファイルアップロード要求を実行するスクリプトハンドラは、のようなものを知ることができるようにするには、アップロード・ハンドラにJSONレスポンスを返す

    • あなたはサムネイルを作っています)。

    • URL(およびメソッド)を削除します。

linked example for FlaskDjango example for the new versionに非常によく似ているようだ - あなたは、おそらくjQueryのファイルアップロードの新しいバージョンで動作するようにパッチを適用し、そので始めることができます。

+1

Sean:Thx。プログレスバーはどうですか?アップロードステータスのstausを処理するために余分なコードを追加する必要がありますか? –

+0

@KitHo - コードを見て、私はいいえと言います。プログレスバーは、クライアント上で進行状況を提供することをサポートするブラウザでのみ利用可能です。参照:https:// github。COM/blueimp/jQueryの-ファイルのアップロード/ブロブ/マスター/ JS/jquery.fileupload.js#L213 –

+0

ショーン:私は今、明確にしています:) –