仿163网盘无刷新文件上传系统

核心提示： 当数据都插入到文档碎片，就准备把文档碎片插入到FileList中，仿163网盘无刷新文件上传系统(7)，不过还有一个步骤就是清空FileList中原有的数据，本来把innerHTML设为空来清空FileList会更有效率，可以看到这个数组其实就是td内容的集合，接着把这个数组加入到arrR

当数据都插入到文档碎片，就准备把文档碎片插入到FileList中，不过还有一个步骤就是清空FileList中原有的数据。

本来把innerHTML设为空来清空FileList会更有效率，但ie的table中只有td支持innerHTML，所以只好用removeChild来清空：

while(FileList.hasChildNodes()){ FileList.removeChild(FileList.firstChild); }

之后就可以把文档碎片插入了：

FileList.appendChild(oFragment);

继续看onIni函数，现在只需要把要显示的数据组成一个二维数组，再用AddList就能显示文件列表了，这时存放file控件集合的Files属性就大有用处了。

首先定义一个放显示数据的数组：

var arrRows = [];

然后根据Files对这个数组赋值：

Code

if(this.Files.length){
　　var oThis = this;
　　Each(this.Files, function(o){
　　　　var a = document.createElement("a"); a.innerHTML = "取消"; a.href = "javascript:void(0);";
　　　　a.onclick = function(){ oThis.Delete(o); return false; };
　　　　arrRows.push([o.value, a]);
　　});
} else { arrRows.push(["<font color='gray'>没有添加文件</font>", " "]); }
AddRow(arrRows);

当Files没有控件时只是输出“没有添加文件”，有控件时就会把每个file控件的要显示数据放到一个数组中，可以看到这个数组其实就是td内容的集合，接着把这个数组加入到arrRows中形成二维数组，最后把得到的arrRows给AddRow函数显示数据就行了。