Valum文件上传器-列表文件-路径

Question

有人知道如何在经过10秒后创建类似demo的文件列表：

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()函数使用上面的模板创建新的列表项元素：

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);
},

当文件上传开始时，在_onSubmit()方法中调用_addToList()函数(如上)：

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