javascript - files上传大文件卡死

Question

我用files去上传文件，第一次的话选中稍微大点的文件，点击完确定，他会弹出alert
但是弹完后我又快速的点中刚才那个稍微大的点的文件，那个选择框就弹不出来了，而且alert
也没有反应了，要等7、8秒的样子才会弹出选择框，这是怎么回事？是上传功能做了什么限制吗？

//html
<p class="pull-left">
    <a class="fileUrl" href="javascript:void(0)"><i class="glyphicon glyphicon-paperclip text-left" href=""></i>添加附件 <input type="file" name="" id="file" multiple="multiple"/></a>
</p>

//js
<script>
    $('.btnMessage').on('change', '#file',function(){
        alert(1);
    })
</script>

Answer 1

不是上传文件惹的祸。

你这边 input 添加的事件都是 change 事件，也就是说，选择的待上传文件变化时，才会触发事件。你说你第一次选择了一个较大文件，点击确定后，立即弹出提示框。对，因为一开始是没有选择任何文件的，然后你选择了一个文件，input 框的内容发生了变化，所以触发了事件，但是，后面，你又选中同一个文件，点确定。由于和上一次选择的文件相同，input框的内容未发生变化，所以，就未弹出提示框。那个等7、秒弹出，估计是因为，你看他一直没有弹出提示框的样子，然后7、8秒后，估计你等得不耐烦了，就去重新选择了一个不同的文件，才弹出提示框的吧。

你应该去了解 js change 事件....