javascript - 如何使用 javascript/jquery 加载 html 下载文件

Question

我正在尝试使用这个库 https://github.com/hrikrishnankr/Pdf2Html 上传pdf并下载html文件。我已经成功地能够使用

下载 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

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

并在点击按钮下载按钮时运行函数

<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并下载到文件中？

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 并提交。