老师帮我翻译下这段代码

老师帮我翻译下这段代码

 <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

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕星星 2019-04-18 12:06:05

建议同学还是跟着视频一边听一边写注释,这样自己记忆会更深刻一些,也更容易理解。老师只能帮助你解决一时的问题,以后代码更多了或者工作了,还是要靠自己的梳理的,要养成良好的学习习惯,锻炼自己独立学习的能力,才会有进一步的提升。

祝学习愉快!

好帮手慕星星 2019-04-18 10:24:30

同学你好,是具体哪块代码不明白吗?可以详细指出来哦。

视频中讲解的很清楚,自己可以跟着视频写一下注释,要锻炼自己独立思考的能力,不明白的地方可以提出来,老师帮助你解决。

祝学习愉快!

  • 提问者 慕斯卡9565767 #1
    讲解的有点绕,还是有注视好,这样更好的逻辑,更能够浓清楚
    2019-04-18 10:52:19
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
组件化思想开发电商网页 18版
  • 参与学习           人
  • 提交作业       467    份
  • 解答问题       4826    个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师