2011-09-23 56 views
0

嗨,大家好,我正在嘗試提交表單,並在同一頁上得到一個結果爲jpeg。怎麼過,當點擊提交按鈕 我得到的一些奇怪的代碼,而不是像HCAN你們幫我在這裏是我的代碼如何顯示圖像與符號

function xgetbarcode() 
    { 
$.get('ajax_barcode.php', { barcode: $('form[name=getbarcodeform] input[name=barcode]').val(), 
getarticlenumber: $('form[name=getbarcodeform] input[name=getarticlenumber]').val(), 
}, 
     function(output) 
    { 
     $('#getbarcodee').html(output).show(); 
     }); 
    } 
<form>.... 
<input type="button" value="barcode" onclick="xgetbarcode();"> 
</form> 

<div id="getbarcodee">here i get some weird symbol</div> 

非常感謝

+0

看看ajax_barcode.php會做些什麼會很有幫助。 – AndrewR

回答

1

頭添加到您的PHP文件

header('Content-Type: image/png'); 

,並與源圖像添加到div來你的PHP文件

1

最有可能的,你是返回從ajax_getbarcode.php圖像,insertin g將圖像(二進制數據)轉換成HTML。您需要使用<img>標記以HTML格式顯示圖像。

我建議下面的代碼。

<script type="text/javascript"> 
function xgetbarcode() 
    { 
    var image = '<img src="ajax_getbarcode.php?barcode=' + $('form[name=getbarcodeform] input[name=barcode]').val() + '&amp;getarticlenumber=' + $('form[name=getbarcodeform] input[name=getarticlenumber]').val() + '"/>'; 

    $(#getbarcodee).html(image).show(); 
    } 
</script> 

<form name="getbarcodeform"> .... 
<input type="button" value="barcode" onclick="xgetbarcode();"> 
</form> 

<div id="getbarcodee"></div> 
+0

非常感謝您的幫助,但是我在嘗試實現您的想法時遇到了一些語法錯誤 – user961885

0

你從ajax_barcode.php返回什麼?
像xyz.jpeg

形象的名字你應該返回像

<img src="xyz.jpg" width="" height="" /> 

HTML標記,因爲html的()更換整個文本元素的它的父。

+0

非常感謝您的幫助我正在嘗試返回jpeg – user961885