IE에서 작동하지 않는 "encodeURIComponent"txt 파일을 다운로드하십시오.

Question

자바 스크립트를 사용하여 텍스트 파일을 다운로드하고 싶습니다. 나는 많은 시나리오를 시도했지만 행운을 얻지 못했습니다.

(function() { 
 
    var textFile = null, 
 
    makeTextFile = function(text) { 
 
     var data = new Blob([text], { 
 
     type: 'text/plain' 
 
     }); 
 

 
     // If we are replacing a previously generated file we need to 
 
     // manually revoke the object URL to avoid memory leaks. 
 
     if (textFile !== null) { 
 
     window.URL.revokeObjectURL(textFile); 
 
     } 
 

 
     textFile = window.URL.createObjectURL(data); 
 

 
     return textFile; 
 
    }; 
 

 

 
    var create = document.getElementById('create'), 
 
    textbox = document.getElementById('textbox'); 
 

 
    create.addEventListener('click', function() { 
 
    var link = document.getElementById('downloadlink'); 
 
    link.href = makeTextFile(textbox.value); 
 
    link.style.display = 'block'; 
 
    }, false); 
 
})();

<textarea id="textbox">Type something here</textarea> 
 
<button id="create">Create file</button> 
 
<a download="info.txt" id="downloadlink" style="display: none">Download</a>

도와주세요 : 다음은 한 예입니다.

Answer 1

감사합니다. 솔루션을 찾았습니다.

var blob = new Blob(["Hello World"], {type: "text/plain;charset=utf-8"}); 

saveAs(blob, "filename.txt"); 

이 코드 예제 : https://raw.githubusercontent.com/eligrey/FileSaver.js/master/FileSaver.js

는 그 다음이 txt 파일을 다운로드하는 코드의 2 라인을 취합니다

function download(data, filename, type) { 
    var a = document.createElement("a"), 
     file = new Blob([data], { type: type }); 
    if (window.navigator.msSaveOrOpenBlob) // IE10+ 
     window.navigator.msSaveOrOpenBlob(file, filename); 
    else { // Others 
     var url = URL.createObjectURL(file); 
     a.href = url; 
     a.download = filename; 
     document.body.appendChild(a); 
     a.click(); 
     setTimeout(function() { 
      document.body.removeChild(a); 
      window.URL.revokeObjectURL(url); 
     }, 0); 
    } 
} 

Answer 2

매우 빠르고 쉬운 솔루션을 사용하는 FileSaver.js입니다 텍스트 "Hello world"가 들어있는 "filename.txt"파일을 다운로드하는 대화 상자가 표시됩니다. 파일 이름과 선택한 텍스트 내용으로 바꾸십시오!