老师帮我翻译下这段代码
<script>
(function($) {
$("#container")[0].ondragenter = function() {
if(!$("#tips").hasClass("none")) {
$("#tips").text("松开鼠标,即可上传");
}
$("#container").addClass("containerDrag");
}
$("#container")[0].ondragleave = function() {
if(!$("#tips").hasClass("none")) {
$("#tips").text("拖动文件至此区域,即可上传");
}
$("#container").removeClass("containerDrag");
}
$("#container")[0].ondragover = function(e) {
e.preventDefault();
}
$("#container")[0].ondrop = function(e) {
e.preventDefault();
if(!$("#tips").hasClass("none")) {
$("#tips").addClass("none");
$("#files").removeClass("none");
}
$("#container").removeClass("containerDrag");
var files = e.dataTransfer.files;
for (var i = 0; i < files.length; i++)
{
var file = files[i];
var li = $("#template li").clone();
var icon = li.find(".loading");
var name = li.find(".name");
var progress = li.find(".progress");
name.text(file.name);
$("#files").append(li);
simuUpload(file, progress, icon);
//upload(file, progress, icon);
}
}
var simuUpload = function(file, progressEle, iconEle) {
var progress = 0;
var timer = setInterval(function() {
progress = progress + Math.floor(Math.random() * 3);
if(progress <= 100) {
progressEle.css('width', progress + '%');
} else {
clearInterval(timer);
progressEle.css('width', '0px');
iconEle.removeClass('loading').addClass('right');
}
}, 100);
}
var upload = function(file, progressEle, iconEle) {
var fd = new FormData();
fd.append("pic", file);
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://localhost/test/upload.php', true);
xhr.upload.onprogress = function (e) {
percent = 100 * e.loaded / e.total;
progressEle.css('width', percent + '%');
}
xhr.onload = function() {
if (xhr.status === 200) {
progressEle.css('width', '0px');
iconEle.removeClass('loading').addClass('right');
} else {
iconEle.removeClass('loading').addClass('wrong');
}
}
xhr.send(fd);
}
})(jQuery);
</script>
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 467 份
- 解答问题 4826 个
本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星