как показать изображение без символа

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

Скорее всего, вы возвращаете изображение из 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 2

Добавить заголовок в ваш php файл

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

и добавьте изображение в div с исходным кодом для вашего php файла

Answer 3

Что вы возвращаете из своего ajax_barcode.php?
Имя изображения как xyz.jpeg

вы должны вернуть HTML-тег, как

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

Поскольку .html () заменяет весь текстовый элемент его родителя.