问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

html的input file类型除了触发onchange事件以外还有什么方法能获取到文件信息？

头像
flycumt
    245207077

    <input id="inputtest" type="file" accept="image/*"/>
    这种方式发现在Android上有一个bug就是如果第二次选择的文件跟上一次是同一个文件，则不会触发onchange事件，如果第二次选择的文件跟上一次不是同一个文件，才会触发onchange事件。 请问如何解决？

    html5javascriptinputfile图片
    阅读 30.5k
    8 个回答
    得票最新
    头像
    zaaack
      16914

      上传之后不管成功与否都将input的值设为空， input.value = ""

      头像
      whhlu
        47051525

        完全遇到了一样的问题，
        DOM结构一个btn、一个隐藏的input
        btn点击事件触发input的change事件

        $("#btn_file").change(function () {//btn_file为隐藏的input
   if($(this).val() == ''){//如果没有选择文件则不触发
       return false;
    }
   for(var i=0;i<this.files.length;i++){...}
   $(this).val('');//操作结束清空input中的内容
});
        头像
        不爱吃西红柿的鱼
          8.2k21124

          正如你所说，都是同一个文件，资源又没更新，还要做什么更新呢？
          onblur / onclick / ontouchstart 等应该都可行吧

          头像
          linong
            29.2k1265130

            代码给你写了，他们都给你说了，我也实现了，你怎么不自己试试呢

            onblur,onclick,onchange
            ps:这个应该不用判断吧。第一次能获取就获取了。没有理解你的需求

            <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="file" onchange="if(this.value!=''){console.log(this.value);this.value='';console.dir(this)}">

    <script type="text/javascript">
        
    </script>
</body>
</html>

            clipboard.png

            头像
            施展TIGERB
              9.5k116994

              用FileReader对象：
              var fileReader = new FileReader();对比每次的文件信息呗

              头像
              Strive_Insist
                690513

                文件改变才会触发change事件，想要都触发的话，那就click

                头像
                G_Koala_C
                  5.1k644133

                  你的意思是如果同一个文件如果要上传两次，第二次不会触发onchange事件？如果是这样的话，就按照楼上说的，上传有返回之后，无论是不是成功都清空input。正常也应该清空的。至于其他的，感觉onchange够了。差不多能触发的方法大家都说了，onblur（这个好像不太合适），onclick比较好。

                  头像
                  未央
                    255110

                    思路：每次执行完成之后，将 input 的属性value设置为''。
                    代码：

                    <input type="file" name="uploads" id="inputtest" accept="image/*">

<script>
  function changeEvent(e) {
    console.log(e);
    // 其他代码

    // value 值设置为 ''
    e.target.value = '';
  }

  document.addEventListener('change', changeEvent, false);
</script>

                    每次选择文件（即使同一文件），都可以正常触发 change 事件。

                    撰写回答
                    你尚未登录，登录后可以
                    • 和开发者交流问题的细节
                    • 关注并接收问题和回答的更新提醒
                    • 参与内容的编辑和改进，让解决方法与时俱进
                    推荐问题
                    宣传栏