Создать текстовый файл из String с помощью JS и html5

Question

Я хочу создать текстовый файл из строки. в настоящее время я использую функцию, которая принимает массив и превращает его в строку, затем используя эту строку, я хочу создать локальный текстовый файл, который загружает пользователь. я попытался с помощью этого метода

function createFile(){ //creates a file using the fileLIST list 
    var output= 'Name \t Status\n'+ fileLIST[0][0].name+'\t'+fileLIST[0][1]+'\n'; 
    var Previous = fileLIST[0]; 
    for (var i=1; i<fileLIST.length; i++) 
     if (fileLIST[i][1] =='none' || fileLIST[i][1] == Previous[1]) 
      continue 
     else { 
      Previous = fileLIST[i] 
      output = output + fileLIST[i][0].name +'\t'+fileLIST[i][1] + '\n';} 

    window.open("data:text/json;charset=utf-8," + escape(output));//should create file 
    display(); } 

я использую хром, как мой браузер. также я бы предпочел ответ JS или HTML5.

спасибо заранее

Answer 1

В итоге я использовал этот код. он создает ссылку для загрузки URL-файла файла.

 window.URL = window.webkitURL || window.URL; 
    window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder ||  window.MozBlobBuilder; 
    file = new WebKitBlobBuilder(); 
    file.append(output); 
    var a = document.getElementById("downloadFile"); 
    a.hidden = ''; 
    a.href = window.URL.createObjectURL(file.getBlob('text/plain')); 
    a.download = 'filename.txt'; 
    a.textContent = 'Download file!'; 
} 

также таким образом добавляет меньше на сайт, делая его более легким сайтом для медленных соединений. В моем html есть пустой div, в который это добавляется.

<div class ='paginationLIST' id='pagination'></div> 

Answer 2

Я предлагаю вам использовать скрытый iframe вместо window.open, чтобы сделать его «более чистый метод»

, и я считаю, что это text/octet-stream и не text/json, чтобы заставить скачать. И насколько я знаю, вы не можете установить имя файла таким образом.

Однако Chrome (18+, я думаю) имеет download attribute for its <a> tags, в котором вы можете указать имя файла вместе с использованием blob: для URL.

Answer 3

BlobBuilder теперь устарел. Используйте вместо этого:

https://developer.mozilla.org/en-US/docs/Web/API/Blob#Blob_constructor_example_usage

Answer 4

Преобразование ваш object в строку JSON.

var json_string = JSON.stringify(object, undefined, 2); 

Примечания:

1. Если у вас уже есть строка, пропустите шаг выше.
2. Если вы не хотите, чтобы он был отформатирован красиво, удалите , undefined, 2.

Создать ссылку для скачивания и нажмите кнопку:

var link = document.createElement('a'); 
link.download = 'data.json'; 
var blob = new Blob([json_string], {type: 'text/plain'}); 
link.href = window.URL.createObjectURL(blob); 
link.click();