上载文件的内容更改后，在IE 11中第二次尝试未触发FileReader onload

Question

当仍然使用IE11选择相同文件但文件内容已更改时， FileReader onload不会在第二次被激发，而FireFox，Chrome一直在被激发。

操作细节

首次单击时，对于所有浏览器都可以（但IE有时仍缺少文件中的某些单词）。
之后，我更改了文件的内容。
然后单击第二次尝试btnDownload ，Firefox和Chrome仍在读取更新的内容。 但是IE无法正常工作！

.html

<input type="file" id="fileSelect" style="" accept=".csv">

<a type="button"  class="btn" id="btnDownload" onclick="csvDownload()" 
download>  CSV DOWNLOAD  </a>

myjavascript.js

var fileInput = document.getElementById("fileSelect"); //<input type="file" id="fileSelect">
var result = "";
readFile = function() {
changeAPInfoName();
if (!isFileSupported()) {
    console.log('The browser does not support the API.');

} else {
    if (fileInput.files.length > 0) {
        var reader = new FileReader();
        reader.onload = function() {
           result = reader.result;

           alert("WANT TO GET HERE ,ALTHOUGH FILE CONTENTS ARE CHANGED.(IN IE 11)");            

           document.getElementById('MY_HIDDEN_FIELD').setAttribute('value',result);
      }

    reader.readAsText(fileInput.files[0]);

    reader.onerror = function() {
         console.log('The file cannot be read.'+fileInput.files[0].fileName);
      };
}

// EVENT FOR DOWNLOAD BUTTON!!!!
function csvDownload(){
     readFile();  

     // using ajax to sent info from files and get download file.
}

请帮助我解决以下问题。

尽管文件内容已更改，但如何到达reader.onload方法中的行。 alert("WANT TO GET HERE ,ALTHOUGH FILE CONTENTS ARE CHANGED.(IN IE 11)"); 。

Answer 1

取代这个

reader.onload = function() {
       result = reader.result;

       alert("WANT TO GET HERE ,ALTHOUGH FILE CONTENTS ARE CHANGED.(IN IE 11)");            

       document.getElementById('MY_HIDDEN_FIELD').setAttribute('value',result);
  }

与

reader.addEventListener("load",function(){
result = reader.result;

           alert("WANT TO GET HERE ,ALTHOUGH FILE CONTENTS ARE CHANGED.(IN IE 11)");            

           document.getElementById('MY_HIDDEN_FIELD').setAttribute('value',result);
});

我希望这是有帮助的。 我遇到了同样的问题，因此我使用了这种方法，并且有效

工作的FileReader示例：

<html>

<head>



    <script>


        function read(){
            //Select the element containing file
              var file =document.querySelector('input[type=file]').files[0];
        //create a FileReader
        reader = new FileReader();
        //add a listener
        reader.addEventListener('load',function(){

            alert(reader.result);

        },false);

        if(file){
             //ReadFile
            reader.readAsDataURL(file);//You can read it in many other forms

        }
        }

    </script>



    </head>

    <body>

    <input type="file" name="myFile" id="myFile"  onchange="read()">




    </body>

</html>

有关FileReader的更多信息，请查看此文档：链接

上载文件的内容更改后，在IE 11中第二次尝试未触发FileReader onload

问题描述

1 个解决方案

解决方案1
1 2016-05-23 07:49:12

上载文件的内容更改后，在IE 11中第二次尝试未触发FileReader onload

问题描述

1 个解决方案

解决方案1 1 2016-05-23 07:49:12

解决方案1
1 2016-05-23 07:49:12