如何将 html 渲染后的节点传递给后端？

问题

现在我有一个动态的 html 节点，我想用 vue 渲染后，传递给后端保存

思路

• 本来想给html的，发现样式是个问题

• 在一个是打印成pdf，然后上传，这个操作就变多了

• 最后的思路是通过 html2canvas 转化成 canvas 然后变成 blob 然后变成 base64String

• 用到的库叫 html2canvas

import html2canvas from 'html2canvas'
html2canvas(dom).then(async function (canvas) {
    // 将 Canvas 转换为 Blob 或 Base64 字符串
    const blob = await new Promise<Blob>((resolve: any) => {
        canvas.toBlob(resolve, 'image/png')
    })

    // 将 Blob 转换为 Base64 字符串
    const base64String = await new Promise<string>(resolve => {
        const reader = new FileReader()
        reader.onloadend = () => resolve(reader.result as string)
        reader.readAsDataURL(blob)
    })

    const params = {
        id,
        html: base64String
    }

    await SaveHTML(params)
})

原文地址：https://blog.csdn.net/u010263423/article/details/142861415

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！