圖像未出現在打印預覽鑲邊

Question

雖然我們要打印 HTML 頁面，但圖像沒有出現在打印預覽中，但我嘗試了多個區域但沒有生成輸出。 現在在打印預覽中它沒有顯示正確的。 非常要求大家，請幫助解決這個問題。

輸入：

<?xml version="1.0" encoding="UTF-8"?>
<pat id="Main_Window">
    <title>Main Window</title>
    <body>
        <p>The main console screen includes nine panels or areas, which are shown and described below.</p>
        <p><image width="600" href="../MiVBC_Graphics1/MainWindow_CloudlinkChat.bmp" placement="break"/></p>
        <p>Content here</p>
        <p>Content here</p>
        <p>Content here</p>
        <p>Content here</p>
    </body>
</pat>

Java腳本代碼：

function printIframe(url, height) {
                var heading_one = window.iframeHeight.heading
                var test = window.iframeHeight.maindivcontent
                console.log(test)
                console.log("fhghfjghdfjghfdg")
                var proxyIframe = document.createElement('iframe');
                var body = document.getElementsByTagName('body')[0];
                body.appendChild(proxyIframe);
                proxyIframe.style.width = '100%';
                proxyIframe.style.height = '100%';
                proxyIframe.style.display = 'none';
                var contentWindow = proxyIframe.contentWindow;
                contentWindow.document.open();
                var is_chrome = Boolean(contentWindow.chrome);
                contentWindow.document.write(test)
                contentWindow.document.write('<iframe onload="print();" frameborder="0" marginheight="0" marginwidth="0"></iframe>');
                contentWindow.document.close(); 
                if (is_chrome) {
                    contentWindow.onload = function() { 
                    };
                }
                else {contentWindow.document.write('<iframe onload="print();" frameborder="0" marginheight="0" marginwidth="0"></iframe>');
    contentWindow.document.close(); }return true;}

Answer 1

在打印模式之外它是否仍然顯示給您？ 因為當我測試你的代碼時它沒有。 但是，當您將img href更改為src時，它會起作用：

<p><image width="600" src="../MiVBC_Graphics1/MainWindow_CloudlinkChat.bmp" placement="break"/></p>

Answer 2

您需要設置一個超時來給瀏覽器一些時間來呈現圖像。 嘗試這個：

setTimeout(function() {
    contentWindow.print();
    contentWindow.close();
}, 250);

而且您還需要使用 src 而不是 href

圖像未出現在打印預覽鑲邊

問題描述

2 個解決方案

解決方案1
0 2022-05-16 13:45:44

解決方案2
0 2022-05-16 13:57:27

圖像未出現在打印預覽鑲邊

問題描述

2 個解決方案

解決方案1 0 2022-05-16 13:45:44

解決方案2 0 2022-05-16 13:57:27

解決方案1
0 2022-05-16 13:45:44

解決方案2
0 2022-05-16 13:57:27