这次给大家带来jquery拖动文件上传加载添加进度条，jquery拖动文件上传加载添加进度条的注意事项有哪些，下面就是实战案例，一起来看一下。
//进度条
0%
//要拖动到的地方
登录后复制
js:
var dz = $('#main_content_center');dz.ondragover = function(ev) { //阻止浏览器默认打开文件的操作 ev.preventDefault();}dz.ondrop = function(ev) { ev.preventDefault(); var files = ev.dataTransfer.files; var len = files.length,i = 0; while (i =100){ $(".parent-dlg").hide(); } }
登录后复制
进度条css:
.parent-dlg{position: absolute;width:400px; height:20px; border:1px solid #aaaaaa;border-radius:3px;top:30%;left:50%;z-index:9999;margin-left:-200px;display:none;}.parent-dlg .progress-label{position: absolute;left: 50%;top: 4px;font-weight: bold;text-shadow: 1px 1px 0 #fff;} .parent-dlg .son {width:0; height:100%; background-color:#cccccc; text-align:center; line-height:20px; font-size:16px; font-weight:bold;}
登录后复制
此内容只是一个大概的文件上传技术方向，可根据自己的项目进行改进！
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
jQuery替换节点元素步骤详解
Servlet3.0与JS通过Ajax交互实例详解
以上就是jquery拖动文件上传加载添加进度条的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2762903.html
