javascript - html的input file类型除了触发onchange事件以外还有什么方法能获取到文件信息?
巴扎黑
巴扎黑 2017-04-10 17:40:40
0
7
498

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

巴扎黑
巴扎黑

모든 응답(7)
Ty80

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

迷茫

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

大家讲道理

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

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>

迷茫

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

Ty80

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

左手右手慢动作

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

刘奇

完全遇到了一样的问题,
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中的内容
});
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!