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

核心提示： 为了能取消指定的file控件，这里插入了一个a来触发删除函数Delete，仿163网盘无刷新文件上传系统(8)，这里也有一个技巧，这里把href设为"javascript:void(0);"，如果有用过163网盘上传文件，就知道那个file控件就像一个按钮，并在oncl

为了能取消指定的file控件，这里插入了一个a来触发删除函数Delete，这里也有一个技巧，这里把href设为"javascript:void(0);"，并在onclick中返回false，这样能最大程度的实现仅仅执行js而不去跳转。

在表单提交时也要重新显示文件列表，表单提交后就不允许删除文件了，只显示文件路径就行了：

Code

$("idBtnupload").onclick = function(){
　　//显示文件列表
　　var arrRows = [];
　　Each(fu.Files, function(o){ arrRows.push([o.value, " "]); });
　　AddList(arrRows);
　　
　　fu.Folder.style.display = "none";
　　$("idProcess").style.display = "";
　　$("idMsg").innerHTML = "正在添加文件到您的网盘中，请稍候……<br />有可能因为网络问题，出现程序长时间无响应，请点击“<a href='?'><font color='red'>取消</font></a>”重新上传文件";
　　
　　fu.Form.submit();
}

说到表单提交要注意一个问题，就是表单是不能嵌套的，最好是把表单放到服务器表单之外，没有办法才使用服务器表单作为提交表单（由于程序会修改提交表单的属性，所以尽量不要这样使用）。

这样文件列表就完成了，有兴趣的话也可以自己封装一下这个功能。

【file样式】

到此，程序的功能都已经实现了，但在163网盘中还有一个特别的地方，就是file控件的样式。

如果有用过163网盘上传文件，就知道那个file控件就像一个按钮，但功能确实是一个file控件。