input上传文件的change事件在谷歌和360浏览器里面只响应一次

最近做了一个文件上传超过4G不让上传的提示框，但是测试给我反馈的bug是谷歌和360在上传的时候只能提示一次，第二次在上传相同的文件就没有任何响应了。

上网了解到是因为选择文件的change事件只响应了一次，也就是说相同名称的文件名在修改完不刷新页面的情况下是不会在响应的，网上的思路是在点击file文件的时候将value值设置为空，试了有用，所以就记载下来

html代码：
<div class="file">
    <input
        type="file" name="file" id="file_cardBackImage"/>
</div>

js代码：
$("#file_cardBackImage").on('click',function(){
    $("#file_cardBackImage").val("");
});

只要在点击的时候将值设置为空就好了！