如何在JavaScript中读取html文件?

q1qsirdb  于 2023-01-07  发布在  Java
关注(0)|答案(1)|浏览(177)

我正在做一个blazorWebAssmebly项目。
我想把html转换成pdf,为此我使用jsPDF(javascript)。

function generatePDF() {
    const element ="here_I_want_to_read_the_Html_file"; //
    var opt = {
        margin: 1,
        filename: 'html2pdf_example.pdf',
        image: { type: 'jpeg', quality: 0.98 },
        html2canvas: { scale: 2 },
        jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
    };
    // Choose the element that our invoice is rendered in.
    html2pdf().set(opt).from(element).save();
}

文件夹结构
-wwwroot

-js

       -generatePDF.js

    -html

       -pdfTempltor.html

如何读取javaScript文件中的html文件

dgsult0t

dgsult0t1#

你获取html文件,把它放到你的常量元素里...
取文件函数

function loadHTML(file, callback) {
    fetch(file)
        .then((response) => response.text())
        .then((respText) => {
            if (callback && typeof (callback) === "function") {
                callback(respText);
            }
        });
}

调用函数

loadHTML('your html file with the right path from here', function (data) {
   const element = data;
   ...
   your code
   ...
}

如果您愿意,也可以使用其他结构,但提取操作大致相同

相关问题