HTML输入类型=文件-IE9上的异常行为

Question

我有一个input type=file ，它可以在Chrome上正常工作，但是当我在Internet Explorer 9上尝试输入时，单击该按钮不起作用，但是如果我刷新页面，它将可以工作。 如果在此之后重试，它将无法正常工作。

的HTML

<div class="input-group">
     <span class="input-group-btn">
          <span class="btn btn-primary btn-file">
               Browse <input type="file" id="inputLogo" />
          </span>
     </span>
     <input type="text" class="form-control" readonly ng-model="logoName" id="logoName" />
</div>

控制器（ANGULARJS）

$("#inputLogo").fileReader({
    filereader: "js/lib/FileReader/filereader.swf"
});

$("#inputLogo").on('change', function (e) {
    var image = e.target.files[0];
    console.log("IMAGE:" + image);
    $scope.logoName = image.name;
    var filereader = new FileReader();
    filereader.onload = function (e) {
        var custLogo = e.target.result;
        while (custLogo.charAt(0) != "4") {
            custLogo = custLogo.substr(1);
        }
        custLogo = custLogo.substr(1);
        custLogo = custLogo.substr(1);
        $scope.logoBase64 = custLogo;
    }
    filereader.readAsDataURL(image);
});

编辑当我单击“浏览”按钮时，没有任何反应。 没有对话框弹出，没有控制台错误。 在其他页面上一切正常。 我发现这两者之间的唯一区别是，在越野车上，我的输入是在表格行中，而表格在ng-show （angularjs）内部

Answer 1

如果您第二次尝试选择相同的文件，则不会触发更改事件，因为该值不会更改。 您必须在第一次之后重置输入值：

e.target.value = '';