V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
TomeWong
V2EX  ›  程序员

html 调用 class 封装的 js,无反应

  •  
  •   TomeWong · 2020-07-21 10:25:48 +08:00 · 1882 次点击
    这是一个创建于 1593 天前的主题,其中的信息可能已经有所发展或是发生改变。
       <div class="uploader">
          <input type="file" id="file" multiple>
       </div>
       <script src="../src/index.js" type="module"></script>
    
    import Queues from './widgets/queue.js'
    
    class Uploader {
       constructor () {
          this.container = document.getElementById('file');
    
          this.queue = new Queues();
    
          this.pool = [];
    
          this.container.addEventListener('change', function() {
             var filesList = document.querySelector('#files').files;
                if(filesList.length==0){         //如果取消上传,则改文件的长度为 0         
                   return;
                }else{  
                   //如果有文件上传,这在这里面进行
                   console.log(filesList);
                   Queues.addFile(filesList);
                }
            })
        }
    }
    
    export default Uploader
    

    运行后,选择后,js 中的代码没有触发,求原因

    谢谢!!!

    8 条回复    2020-07-23 09:42:43 +08:00
    ChanKc
        1
    ChanKc  
       2020-07-21 12:17:25 +08:00 via Android
    new Uploader()
    maichael
        2
    maichael  
       2020-07-21 12:27:44 +08:00
    你也没有实例化 Uploader 呀
    azcvcza
        3
    azcvcza  
       2020-07-21 13:49:05 +08:00
    在底下另起一行<script> var uploader = new Uploader() </script>
    Terry05
        4
    Terry05  
       2020-07-21 13:57:54 +08:00
    逐渐 stackoverflow
    TomeWong
        5
    TomeWong  
    OP
       2020-07-21 14:39:35 +08:00
    @azcvcza 谢谢
    wednesdayco
        6
    wednesdayco  
       2020-07-22 10:23:35 +08:00
    为啥会在这问这种基础问题- -b stackoverflow 不香么
    Sven0706
        7
    Sven0706  
       2020-07-22 14:08:29 +08:00
    逐渐 stackoverflow
    myCupOfTea
        8
    myCupOfTea  
       2020-07-23 09:42:43 +08:00
    ....
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2343 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 01:57 · PVG 09:57 · LAX 17:57 · JFK 20:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.