php - Valums 文件上传器 - 列表文件 - 路径

Question

有人知道如何在 10 秒后创建像演示一样的文件列表：

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

Demo Source code 没有什么可以创建这个列表，它不是完整的事件。我认为里面是 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);  
},