ajax完成后获取图像内容而不是url答案

【问题标题】：Get content of image instead of url after ajax completionajax完成后获取图像内容而不是url
【发布时间】：2018-05-15 08:22:48
【问题描述】：

在 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

但是我希望显示这个：

data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 9TXL0Y4OHwAAAABJRU5ErkJggg==

结果将是 base64_encoded 中的图像。

如何解决这个问题以显示图片的 base64 内容而不是 url？

谢谢

【问题讨论】：

标签： php jquery laravel image base64

【解决方案1】：

尝试使用Get拳头；

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

希望得到帮助，

【讨论】：