導航其他頁面時上傳多個文件 - howto？

Question

我正在創建一個網站，我想允許用戶在瀏覽網站時上傳多個文件。

當上傳完成時，觸發Javascipt事件會很好，允許用戶指定與上傳文件相關的其他信息（例如照片位置，標簽等），所需的功能是：

1. 多個文件允許單個上載操作
2. 顯示可選的進度指示器（至少在“x of y files uploaded”方式中）
3. 在不將用戶綁定到單個頁面的情況下執行此操作

我該如何實現這些功能？ 任何建議都非常感謝！

---

編輯

如果使用彈出窗口來處理上傳，我該怎么辦：

1. 通知用戶（在“主”頁面上）上傳已完成，或者是否有錯誤？
2. （更重要的是）將$ _FILES數組傳遞給彈出窗口？ 我希望用戶能夠在主窗口上單擊“上傳”，或者無論如何從主窗口開始上傳（例如，在主窗口上拖放文件）。

Answer 1

由於導航網站將切換頁面，並且您的網站上不太可能有完整的ajax導航，也許它可以幫助以某種方式在第二個彈出窗口中上傳文件。 不知道如何（如果）它可以實現，但由於你需要一次上傳多個文件，我擔心你一定會使用閃存。

編輯

所以解決方案可能如下所示：

當用戶單擊“選擇文件”按鈕時，您會彈出一個新窗口，在那里他將能夠實際選擇文件（如果需要多文件上傳，則通過閃存）。 並通過postMessage通知上傳進度。 雖然在這種情況下postMessage不能在IE中工作 ，但可能你可以以某種方式將消息發送到服務器並從服務器返回到頁面。

另一個瘋狂的想法是不使用彈出窗口，而是讓用戶選擇她第一次訪問的頁面上的文件，但是一旦用戶選擇文件，就會使頁面上的所有鏈接target=_blank ，以便在另一個鏈接中進行任何后續導航標簽。 我知道它很hacky並且不完全是用戶友好的，但可能會有所幫助。

在任何情況下，我都會事先通知用戶在兩個場景中都會出現一個新窗口。

EDIT2

還有一個更瘋狂的想法。 當用戶選擇文件並單擊鏈接時，創建一個iframe，該iframe將覆蓋整個頁面並隱藏其下方的原始頁面並使鏈接在iframe中打開。 但它看起來更加hackish，看起來你會遇到很多麻煩。