2013-02-15 44 views
10

我真的很喜歡客戶端處理選擇文件和預覽選項取消或刪除。blueimp jQuery-File-Upload無AJAX

但是我想用表單上傳頁面,而且我不需要使用ajax。我一直在擺弄所有的選項,我無法找到發佈與同步選擇的文件形成。

是否有可能得到data.files張貼的形式?

+0

沒有AJAX的文件上傳在大多數語言中都非常簡單。看來你的問題不太清楚。 http://www.whathaveyoutried.com – 2013-02-15 13:57:03

+0

Jay Blanchard你有沒有使用blueimp jQuery-File-Upload?我知道這是非常簡單的做一個文件上傳沒有Ajax,這不是我的問題。我的問題是使用blueimp jQuery-File-Upload做一個同步表單發佈。 – Topaz 2013-02-16 05:07:16

+1

使用表單發佈文件需要上傳組件以配合表單發佈組件,但我不確定在此上下文中bt「同步」的含義?你是否意味着張貼表單數據並同時上傳內容?如果是這樣的話 - https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-form-data – 2013-02-18 20:57:13

回答

9

通過將replaceFileInput選項設置爲false,您可以使用blueimp jQuery-File-Upload通過標準表單提交文件提交。

從文檔:

默認情況下,文件輸入字段被替換爲每個 輸入字段改變事件之後的克隆。這是必需的iframe的傳輸隊列 並允許更改事件爲同一個文件選擇被解僱,但 可以通過設置這個選項設置爲false

+0

我們該如何動態改變這個選項?我有一個autosave(通過ajax)表單,用戶可以禁用,所以他應該能夠正常提交表單。當自動保存關閉並且用戶提交表單時,選定的文件數據不會傳遞到服務器。 – 2016-01-11 06:58:00

+0

非常感謝我。 – 2017-07-19 13:29:35

-2

blueimp jQuery的文件的上傳是爲方便AJAX文件中創建被禁用上傳。如果你想簡單的多個文件輸入發佈到你的服務器。您將需要使用提供的API進行修改以修改其行爲。

我會建議使用不同的庫。

這是其中之一,我在網絡上成立:
http://www.fyneworks.com/jquery/multiple-file-upload/

我認爲它會更容易使用這個庫和調整的用戶界面,類似jQuery的文件上傳。

這裏是代碼示例,顯示上傳到服務器之前的圖像文件預覽。
http://blog.revathskumar.com/2012/04/html5-show-thumbnail-preview-of-image.html

只是改變行MultiFile.addToList功能283

-1

它可以通過關閉autoUpload爲false,收集在一個數組中的文件,則T年底完成做所有的單個Ajax調用文件連同表格數據,如here所述。

-1
Use config replaceFileInput = false; 
jQuery('#add_new_product_form').fileupload({ 
      // Uncomment the following to send cross-domain cookies: 
      //xhrFields: {withCredentials: true}, 
      fileInput: jQuery('#upload-video'), 
      replaceFileInput: false, 
      ...... 
}) 

和控制器,你會得到$ _FILES來獲取視頻數據。