javascript/jqueryを使用してhtmlファイルをダウンロードする方法

Question

このライブラリを使用しようとしていますhttps://github.com/hrikrishnankr/Pdf2Html pdfをダウンロードしてhtmlファイルをダウンロードしてください。ボタンのダウンロードボタンをクリックしたときに、私は、ビューア

var data=document.getElementById("viewer").innerHTML; 

からHTMLを取得し、機能を実行するために、私はこれを持って、その後

function download(filename, text) { 
var element = document.createElement('a'); 
element.setAttribute('href', 'data:text/html;charset=utf-8,' + encodeURIComponent(text)); 
element.setAttribute('download', filename); 
element.style.display = 'none'; 
document.body.appendChild(element); 
element.click(); 
document.body.removeChild(element); 
} 

を使用してhtmlファイルをダウンロードするために首尾よくできている

<button id="download" class="toolbarButton download hiddenMediumView" title="Download" tabindex="34" data-l10n-id="download" 
      onclick="downloadhtml()"> 

function downloadhtml() { 

var data=document.getElementById("viewer").innerHTML; 
download('file.html', data); 
} 

しかし、私が入手するファイルはほとんどが空のdivコンテナで、ロードされています

<div class="loadingIcon"></div> 

すでにpdf2html変換機能が組み込まれているはずです.HTMLをロードしてファイルにダウンロードしたら、ビューアでHTMLをどのように取得できますか？

Answer 1

JQueryでは、このようにすることができます。

$('<form />', { action: downloadURL, "id": "downloadForm", method: 'GET', target: '_blank', html: '<input type="hidden" id="file" name="file" value="' + fileURL + '" />'}).appendTo(document.body).submit(); 

単純なJavascriptを使用する場合は、最初にフォーム要素を作成し、アクションのダウンロードURLを入力して送信する必要があります。