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()函数使用上述模板创建新的列表项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);  
},

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

1 个答案: