手動做UI部分的jQuery上傳

Question

我能夠與jQuery File Upload已經上傳的文件，但我想有兩個原因做UI部分自己：

• 一下我要的是完全不同的從jQuery UI的
• 學習的這個內部插件略偏

我的問題是，我似乎無法找出完成下列操作所需的流文件被刪除後：

1. 上initUpload，追加每個文件列表項
2. onProgress在其各自的列表項的文件上傳
3. 的onLoad顯示進度，更改列表項的文字爲​​「完成」

我「已經想通了怎麼辦1正確：

initUpload: function(event, files, index, xhr, handler, callBack) { 
    console.log("here, create list item for " + files[index].fileName); 
    callBack(); 
    return false; 
} 

我的問題是我不知道如何來後，我創建列表，請參閱各列表項項目。當在onLoad或onProgress中，當我檢查handler（或傳遞給這些函數的其他參數）時，我似乎無法找到指向我想要更新的相應列表項的方法。

如何正確更新每個列表項？

乾杯！處理程序回調之間

Answer 1

共享對象：

• 要引用列表項，你可以使用處理參數 - 這是不同的回調方法之間共享的對象，但獨特的爲每個單獨的文件上傳。
• 處理程序對象包含文件上傳設置，並且對於每個文件上傳初始化爲cloned。
• 可以在jquery.fileupload-ui.js的源代碼中找到如何存儲其他對象（如列表項或上載行）的示例。

關於UI實現：

• 即使你同時利用jquery.fileupload.js和jquery.fileupload-ui.js使用jQuery UI的是可選的。
• 要實現您自己的進度條可視化，您可以使用initProgressBar選項。
• uploadTable/downloadTable和buildUploadRow/buildDonwloadRow選項不必參考HTML 表和tr元素，但也可以表示例如，HTML ul和li元素。