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

时间:2021-05-26

本来觉得这个系统会很复杂,但把每个部分都分析清楚后,其实需要的技术并不高。不过当我把各个功能函数都整理好准备进行封装时,却发现要把程序封装不是那么容易,因为程序跟html的耦合度太高。然后我逐步把程序中操作html相关的部分分离出来,首先把简单的分离,接着是文件列表,然后是file控件,最后是一些提示性程序。经过几次尝试才把整个结构封装好。
仿163网盘无刷新文件上传系统 .fu_list { width:600px; background:#ebebeb; font-size:12px; } .fu_list td { padding:5px; line-height:20px; background-color:#fff; } .fu_list table { width:100%; border:1px solid #ebebeb; } .fu_list thead td { background-color:#f4f4f4; } .fu_list b { font-size:14px; } a.files { width:90px; height:30px; overflow:hidden; display:block; border:1px solid #BEBEBE; background:url(/attachment.php?aid=8332&noupdate=yes) left top no-repeat; text-decoration:none; } a.files:hover { background-color:#FFFFEE; background-position:0 -30px; } a.files input { margin-left:-350px; font-size:30px; cursor:pointer; filter:alpha(opacity=0); opacity:0; } a.files, a.files input { outline:none; hide-focus:expression(this.hideFocus=true); }

上传文件 添加文件: 文件路径 温馨提示:最多可同时上传 个文件,只允许上传 文件。    
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
在线演示 http://img.jb51.net/online/FileUpload/FileUpload.htm
打包文件下载 http://xiazai.jb51.net/200810/yuanma/FileUpload.rar

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章