2012-03-23 71 views
7

我是Javascript新用戶。不過,我想實現文件上傳的jquery插件。如何設置jQuery文件上傳?如何實現上傳處理程序?

這裏是我找到的setup guide,但是我沒有關於如何設置它的基本知識。

我使用Python(瓶)作爲我的服務器端實現

從設置指南標題,

使用jQuery文件上傳(UI版本)使用自定義的服務器端上傳處理器

我不知道如何設置點1,4,5

for 1,什麼是上傳處理程序?以及如何在python(瓶)實現?

4,什麼劑量「上傳jQuery文件上傳文件夾到您的網站。」?它有什麼用途?

和5,我必須返回上傳處理程序的JSON響應?爲什麼我們必須這樣做?

設置相當複雜...任何人都可以給我一些提示?

套件

+0

有一個服務器端教程與瓶在https://github.com/blueimp/jQuery-File-Upload/wiki/Flask – EwyynTomato 2012-03-23 10:03:23

+0

這一個已經是舊版本 – 2012-03-23 14:28:02

回答

4

也許一個或兩個提示:

  1. 上傳處理程序是一個簡單的URL端點jQuery的文件上傳可以將文件發送到 - 它需要能夠處理傳入的HTTP請求。

    @app.route("/uploads", methods=["GET", "POST"]) 
    def upload_handler(): 
        # Handle the upload here 
        pass 
    
  2. 你並不需要上傳整個文件夾 - 只有CSS,您將使用JavaScript。如果你只需要上傳文件,你的模板可能看起來像basic setup。 (但是,您應該縮小並連接部署網站的文件)。

  3. 您返回一個JSON響應上傳處理程序,以便在執行XHR文件上傳請求中的腳本處理程序可以知道喜歡的東西:

    • 什麼對上傳圖片的網址是(和縮略圖,如果你正在製作縮略圖)。
    • 刪除URL(和方法)是什麼。

linked example for Flask似乎非常相似Django example for the new version - 你也許可以開始與再修補它使用jQuery文件上傳新版本的工作。

+1

肖恩:Thx。進度條怎麼樣?我是否需要添加額外的代碼來處理上傳狀態的問題? – 2012-03-24 12:01:48

+0

@KitHo - 查看代碼我會說不 - 看起來進度條只適用於支持在客戶端上提供進度的瀏覽器。請參閱:https:// github。com/blueimp/jQuery-File-Upload/blob/master/js/jquery.fileupload.js#L213 – 2012-03-24 21:47:04

+0

肖恩:我現在很清楚:) – 2012-03-25 03:09:15

相關問題