Valums文件上傳 - 列表文件 - 路徑

Question

有人知道怎麼樣演示創建文件列表時傳十秒時：

http://html5.sapnagroup.com/demos/dragDropUploads/

演示源代碼沒有什麼創建這個列表，它不是完整的事件。我覺得裏面的PHP代碼，但我不能讓它

感謝

Answer 1

文件列表正在被fileuploader.js插件創建。當文件上傳開始時，插件創建列表項HTML元素，然後將其添加到頁面。下面的代碼，它是如何工作的：

列表項目模板是在qq.FileUploader類：

fileTemplate: '<li>' + 
    '<span class="qq-upload-file"></span>' + 
    '<span class="qq-upload-spinner"></span>' + 
    '<span class="qq-upload-size"></span>' + 
    '<a class="qq-upload-cancel" href="#">Cancel</a>' + 
    '<span class="qq-upload-failed-text">Failed</span>' + 
    '</li>', 

的_addToList()函數使用上面的模板新列表項的HTML元素：

addToList: function(id, fileName){ 
    var item = qq.toElement(this._options.fileTemplate);     
    item.qqFileId = id; 

    var fileElement = this._find(item, 'file');   
    qq.setText(fileElement, this._formatFileName(fileName)); 
    this._find(item, 'size').style.display = 'none';   

    this._listElement.appendChild(item); 
}, 

當一個文件上傳開始時，_addToList()函數（上面）被稱爲在_onSubmit()方法：

_onSubmit: function(id, fileName){ 
    qq.FileUploaderBasic.prototype._onSubmit.apply(this, arguments); 
    this._addToList(id, fileName); 
},