2011-04-05 482 views
0

當用戶點擊「瀏覽」按鈕時,是否有方法可以選擇多個文件上傳,並在不刷新頁面的情況下上傳這些文件?通過Javascript/Ajax上傳多個文件?

這發生在Gmail中,當您單擊附加文件時,您可以按住CTRL並選擇多個文件。

+1

你明白了什麼從文件選擇對話框返回?如果它是一個集合(或某種分隔列表,你可以轉換成一個集合),你可以遍歷它產生多個請求。 – StuperUser 2011-04-05 14:17:44

+0

Gmail使用Flash。我不認爲這是可能的標準Html文件選擇元素。 – kgiannakakis 2011-04-05 14:19:07

回答

1

我最近遇到了類似的問題。我們一直在使用Uploadify(http://www.uploadify.com/)來進行上傳。我寫了一篇關於如何使用Uploadify進行多文件上傳博客文章:

http://blog.bobcravens.com/2011/03/upload-multiple-files-with-progress-using-uploadify/

有幾個支持的選項:

  • 使用一個單一的「輸入」元素,並選擇多文件。

  • 使用多個「輸入」元素來選擇每個文件。

希望這會有所幫助。

鮑勃

+0

有沒有辦法保持隊列列表不顯示進度條?而不是我想實現我自己的隊列表。我想我使用OnSelect事件,但如何保持默認隊列列表不會出現? – 2011-04-05 14:39:51

+1

這些似乎被包裝在一個div中,使用以下類'uploadifyQueue'。您可能可以爲該類添加display:none樣式。我沒有試過這個。 – rcravens 2011-04-05 15:09:42

+0

在Chrome中使用Jquery控制檯,將顯示設置爲none可以隱藏該隊列..謝謝!應該最有可能的工作也活着。我會試一試 – 2011-04-05 22:42:24

0

檢查http://valums.com/ajax-upload/這是一個整潔的插件!

編輯:添加了感嘆號。

+1

尼斯[複製](http://stackoverflow.com/questions/5553226/ajax-based-file-uploads/5553261#5553261) - 至少修改句子或任何東西。 – fabrik 2011-04-05 14:18:56

+1

你在這裏複製。 – fabrik 2011-04-05 14:19:56

+0

我希望你現在是個快樂的人。 – fabrik 2011-04-05 14:20:55

1

只有兩個上傳文件而無需刷新頁面的方式:

  1. IFRAME

  2. 閃光 - 它會給你一次

選擇多個文件的可能性

請看SWFUpload瞭解更多信息

0

如果你想要一些確實是跨平臺使用:plupload它支持HTML4,5,Flash和更多...