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

2020-07-21 10:25:48 +08:00
 TomeWong
   <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 中的代码没有触发,求原因

谢谢!!!

1726 次点击
所在节点    程序员
8 条回复
ChanKc
2020-07-21 12:17:25 +08:00
new Uploader()
maichael
2020-07-21 12:27:44 +08:00
你也没有实例化 Uploader 呀
azcvcza
2020-07-21 13:49:05 +08:00
在底下另起一行<script> var uploader = new Uploader() </script>
Terry05
2020-07-21 13:57:54 +08:00
逐渐 stackoverflow
TomeWong
2020-07-21 14:39:35 +08:00
@azcvcza 谢谢
wednesdayco
2020-07-22 10:23:35 +08:00
为啥会在这问这种基础问题- -b stackoverflow 不香么
Sven0706
2020-07-22 14:08:29 +08:00
逐渐 stackoverflow
myCupOfTea
2020-07-23 09:42:43 +08:00
....

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/691812

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX