Question

大家好我正在尝试提交表单并在同一页面上获得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>

非常感谢

Answer 1

在php文件中添加标题

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

并将图像添加到div中，并将源文件添加到php文件中

Answer 2

最有可能的是，您从ajax_getbarcode.php返回一个图像，并将图像（二进制数据）插入到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>

Answer 3

你从ajax_barcode.php回来的是什么？图片名称如xyz.jpeg

你应该返回像

这样的html标签

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

因为.html（）替换了它的父文本的整个文本元素。

如何用符号显示图像

3 个答案: