Question

我有这个HTML代码：

<input type="file" id="mysignature_upload" onChange="readURL();"/>

Javascript代码：

function readURL(){
  alert("Hello");
}

此代码的问题是，只有在您选择其他文件时才会调用readURL函数，但如果您反复选择同一文件，则无法执行readURL。我想知道当您选择并打开文件时是否会触发事件，即使所选文件与选择的上一个文件相同。

这是小提琴：http://jsfiddle.net/vhevhangvhakhikhang/78zcp5u7/

Answer 1

我希望它满足您的要求：fiddle exapmle

   <input type="file" id="mysignature_upload"/>

    $("#mysignature_upload").click(function (event) {
         $("#mysignature_upload").val("");
    });

    $("#mysignature_upload").on('change',function (event) {
        alert("selected file: " + $("#mysignature_upload").val());
    });

Answer 2

<script>
    $(document).ready(function({
      $("#mysignature_upload").click(function(event){
         event.preventDefault();
         $(this).val("");
      });
    });
</script>

Answer 3

顾名思义，只有当字段的值发生变化时才会触发onchange。如果您每次用户选择文件时都需要执行某些操作，可能会重置click事件中字段的值。

$("#mysignature_upload").click(function() {
  // clear the value
  $(this).val("");
 }
}

现在每次都会触发onchange。

选择并打开文件后输入类型文件事件

3 个答案: