我正在使用此代码生成条形码,我想使用ajax
显示它<?php
require('class/BCGColor.php');
require('class/BCGDrawing.php');
require('class/BCGean8.barcode.php');
$font = new BCGFontFile('font/Arial.ttf', 18);
$color_black = new BCGColor(0, 0, 0);
$color_white = new BCGColor(255, 255, 255);
// Barcode Part
$code = new BCGean8();
$code->setScale(2);
$code->setThickness(30);
$code->setForegroundColor($color_black);
$code->setBackgroundColor($color_white);
$code->setFont($font);
$code->parse($_GET['code']);
// Drawing Part
$drawing = new BCGDrawing( '' , $color_white);
$drawing->setBarcode($code);
$drawing->draw();
header('Content-Type: image/png');
$drawing->finish(BCGDrawing::IMG_FORMAT_PNG);
?>
这是我的html和js
<img src="" id="my_image" />
<a href="gen_barcode.php?code=1234567">Click</a>
$('a').on('click', function (e){
$.ajax({
url: "gen_barcode.php",
type: 'GET',
data: { code: '1234567' },
success: function (data, textStatus, jqXHR) {
console.log(data)
$('#my_image').attr('src', data);
},
error: function (jqXHR, textStatus, errorThrown) {
console.log(data)
},
})
e.preventDefault();
})
我从服务器上得到一些乱七八糟的奇怪的字符串。我怎么能纠正它。 我做错了什么。
答案 0 :(得分:2)
您正在将图像的src
设置为图像的实际数据。 src
应设置为图片的网址,而不是其内容。而是将其设置为生成数据的页面的URL:
$('a').on('click', function (e){
$('#my_image').attr('src', 'gen_barcode.php?code=1234567');
e.preventDefault();
});