Valums файл загрузчиком - Файл списка - путь

Question

Кто знает, как создать список файлов, как демо, когда проход 10 секунд:

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

Demo Исходный код нет ничего, чтобы создать этот список, это не на полном событии. Я думаю, что это код 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); 
},