jQuery 및 Google 크롬 브라우저 문제로 동적 DIV 인쇄

내 페이지에는 하나의 버튼이 있습니다. 사용자가 해당 버튼을 클릭하면 div를 동적으로 생성하여 텍스트 및 이미지를 동적으로 할당하고 jquery 플러그인을 사용하여 해당 div를 인쇄합니다. jquery.printElement.min.js 인 jquery.printElement.min.jsjQuery 및 Google 크롬 브라우저 문제로 동적 DIV 인쇄

내 코드는 IE 및 FF 브라우저에서 제대로 작동하지만 크롬에서 유선 동작합니다. 크롬 이미지의 경우 div에 할당되거나로드되지 않으므로 텍스트 만 인쇄됩니다. 여기

난에서 JQuery와 플러그인에 의해 div에 그 DIV 및 인쇄에 이미지와 텍스트를 할당하는 내 코드입니다

$("#Print").click(function() { 
    if (ImgPath != '') { 
     sHtml = "<div id='dvPrint' ><table>"; 
     sHtml += "<tr><td>" + "<img src='" + ImgPath + "' height='600' width='400' border='0'/>" + "</td></tr>"; 
     sHtml += "<tr><td>" + $('#lblTxt').html() + "</td></tr>"; 
     sHtml += "</table></div>"; 
     var $dvPrint = $(sHtml); 
     //alert(ImgPath); 
     $dvPrint.printElement(); // jquery div print plug-in 
    } 
    else { 
     alert("Image not found for print"); 
    } 
    return false; 
});

플러그인 URL : -. https://github.com/erikzaadi/jQueryPlugins/tree/master/jQuery.printElement

출처

2013-01-11 Thomas

내 생각 엔 그냥 로딩 문제 일뿐입니다. chrome이 인쇄를 시도 할 때 이미지가로드되지 않으며 이미지가로드 될 때까지 FF와 IE가 대기 할 것입니다. ** 편집 ** :'$ dvPrint.printElement();를 호출하기 전에 이미지를 미리로드하면 작동 할 것입니다. –

왜 src를 할당 할 때'''및'''?'

@Tiago Salzmann'''이 처음에 사용되었고''''''의 끝은 올바른 문자열입니다. –

-1

정말 아니다 Chrome이 그런 식으로 행동하는 이유는 무엇입니까?하지만 플러그인과 관련이 있다고 추측합니다.

수동으로 시도 할 수 있습니다. IMAGEPATH있을 것 URL 매개 변수를 사용하는 매우 간단한 페이지를, 확인

예를 들어 "/printImage.php?src=path/img.jpg"

... 

<body onload="window.print()"> 

<?php 
    echo '<img src="' . $_GET["src"] . '"/>' 
?> 

...

를 열고 URL을 팝업 해당 페이지에로드 할 때 window.print()를 호출해야합니다.

출처

2013-01-11 11:41:20 Dogoku

여기 jquery에 대해 물어 보시다시피 PHP 샘플을 주셨습니다. – Thomas

필자는 jQuery 코드를 제공하지 않았다. 특정 jQuery 플러그인을 사용하는 대안을 제공했습니다. PHP 코드는 페이지의 모양을 참조하기위한 것입니다. – Dogoku

jQuery 및 Google 크롬 브라우저 문제로 동적 DIV 인쇄

답변

관련 문제