上載文件的內容更改后，在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