Экспорт содержимого элемента HTML в файл CSV в JS - PullRequest
Новая
       17

Экспорт содержимого элемента HTML в файл CSV в JS

1 голос
/ 20 марта 2019

Я пытаюсь поместить отображаемые значения в тег в файле CSV.Однако, когда я экспортирую, я загружаю пустой файл.Что я делаю не так? 

document.getElementById("export").addEventListener("click",function(){
    var file;
    var download = document.getElementById("fileContents").textContent;
    download = file;
},false)
<!DOCTYPE html>

  
    <!-- Required meta tags -->
    
    
  
  
    
    Export
    

    

    

    <!-- preformatted text -->  
    
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo

Ответы [ 2 ]

0 голосов
/ 20 марта 2019

Вы можете создать файл для загрузки через URI данных . Для этого вы устанавливаете атрибут 'href' тега привязки на URI данных, кодирующий файл, который вы хотите загрузить. Если вы используете URI в виде простого текста (не base64), убедитесь, что URL-адрес и строка, которую вы кодируете, экранируются. 

document.getElementById("export").addEventListener("click",function(){
    let dataUri = 'data:text/html,' 
        + encodeURIComponent(document.getElementById("fileContents").textContent);
    this.href = dataUri;        
},false)
<!DOCTYPE html>

  
    <!-- Required meta tags -->
    
    
  
  
    
    Export
    

    

    

    <!-- preformatted text -->  
    
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
    ojdaoj,feokokfe,dawff,efofewfo
<! - / отформатированный текст -> <! - app.js ->
0 голосов
/ 20 марта 2019

Вы можете добавить текстовое содержимое к элементу <a>, добавив еще одну строку в вашем скрипте: 

document.getElementById("export").addEventListener("click",function(){
    var download = document.getElementById("fileContents").textContent;
    // adds text to <a> element
    this.setAttribute('href', 'data:text/html,' + encodeURIComponent(download)); 
},false)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...