php - ajax完成后获取图片内容而不是url

Question

在 jQuery 中我有:

url = "http://example.com/";
$('div').append('<img src="'+url+'/get_image/10">');

在 Laravel 中，我有一个名为 get_image 的函数，其中包含:

public function get_image($id)
{
    $media = Media::where('id', $id)->first()->file_path;
    return 'data:image/png;base64,'.base64_encode(file_get_contents($media));
}

但是当我打开页面时，src 属性包含:

http://example.com/show_image/36

但是我希望显示此内容:

数据:image/png;base64，iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==

结果将是经过 base64_encoded 编码的图像。

如何修复此问题以显示图像的 base64 内容而不是 url？

谢谢

Answer 1

尝试使用拳头；

$.get( "http://example.com/show_image/36", function( data ) {
  $('div').append('<img src="'+data+'"');
});

希望这有帮助，