在window.open中顯示圖像以及其他數據不起作用

我想要將jsp中的數據與窗口中的圖像一起顯示。以下是我的js代碼：在window.open中顯示圖像以及其他數據不起作用

function printPage(id) 
{ 
    var html="<html>"; 
    html+="<head>";  
    html+="</head>"; 
    html+= document.getElementById("img_13").innerHTML; 
    html+= document.getElementById(id).innerHTML;  
var printWin = window.open('','','left=0,top=0,width=auto,height=auto,toolbar=0,scrollbars=0,status=0, 
resizable=0'); 
printWin.document.write(html); 
printWin.document.write("<img alt='ALTERNATIVE' src='../Images/calender/cal2.jpg' />"); 
printWin.document.close(); 
printWin.focus(); 
printWin.print(); 
printWin.close(); 
}

從JSP我叫它如下

<div id="receipt"> 
some data over here 
</div> 
<div id="img_13"> 
</div> 
<input type="button" value="Print" onclick="printPage('receipt')" >

這裏img_13是針對圖像創建CSS ID。它通過js顯示在jsp上，而不是通過窗口顯示。我也試過document.write（）與圖像的相對路徑，但仍然無法正常工作。

來源

2013-08-06 vaishnavi

我得到了解決方案。 – vaishnavi

而不是使用相對路徑src ='../Images/calender/cal2.jpg'我使用絕對路徑src ='/ ProgectName/ImagesFolder/image_name.png' – vaishnavi

其實我已經用絕對路徑'/ ProgectName/WebContent/ImagesFolder/image_name.png'這是實際的絕對路徑，但它不工作。現在我已經從路徑中刪除WebContent，它的工作。 – vaishnavi

我得到的解決方案this.Instead使用相對路徑 <img alt='ALTERNATIVE' src='../Images/calender/cal2.jpg' /> 我用 <img alt='ALTERNATIVE' src='/ProgectName/Images/cal2.jpg'/>

其實我已經有絕對路徑「/ProgectName/WebContent/ImagesFolder/image_name.png」之前試過這個絕對路徑的其中是實際的絕對路徑，但它不工作。現在我已經從路徑中刪除了WebContent，它工作。

來源

2013-08-14 10:52:17 vaishnavi

在window.open中顯示圖像以及其他數據不起作用

回答

相關問題