Laravel 5 - Blob doesn't retrive an image right - database

Question

I'm using Laravel to store an image (generated from a canvas) but when I retrieve the value from the column and I pass it to the "src" attribute of an block it doesn't load and into the browser console I see the error
"Failed to load resource: net::ERR_INVALID_URL"
migration
<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateTblTaccuinoTable extends Migration
{
/**
* Schema table name to migrate
* #var string
*/
public $set_schema_table = 'tbl_taccuino';
/**
* Run the migrations.
* #table tbl_taccuino
*
* #return void
*/
public function up()
{
if (Schema::hasTable($this->set_schema_table)) return;
Schema::create($this->set_schema_table, function (Blueprint $table) {
$table->engine = 'InnoDB';
$table->increments('id_taccuino');
$table->integer('id_paziente')->unsigned();
$table->string('taccuino_descrizione', 45);
$table->date('taccuino_data');
$table->binary('taccuino_report_anteriore');
$table->binary('taccuino_report_posteriore');
$table->index(["id_paziente"], 'fk_tbl_taccuino_tbl_pazienti1_idx');
$table->foreign('id_paziente', 'fk_tbl_taccuino_tbl_pazienti1_idx')
->references('id_paziente')->on('tbl_pazienti')
->onDelete('no action')
->onUpdate('no action');
});
}
/**
* Reverse the migrations.
*
* #return void
*/
public function down()
{
Schema::dropIfExists($this->set_schema_table);
}
}
Model
<?php
/**
* Created by Reliese Model.
* Date: Mon, 25 Dec 2017 12:47:05 +0000.
*/
namespace App\Models\Patient;
use Reliese\Database\Eloquent\Model as Eloquent;
/**
* Class Taccuino
*
* #property int $id_taccuino
* #property int $id_paziente
* #property string $taccuino_descrizione
* #property \Carbon\Carbon $taccuino_data
* #property boolean $taccuino_report_anteriore
* #property boolean $taccuino_report_posteriore
*
* #property \App\Models\Pazienti $tbl_pazienti
*
* #package App\Models
*/
class Taccuino extends Eloquent
{
protected $table = 'tbl_taccuino';
protected $primaryKey = 'id_taccuino';
public $incrementing = false;
public $timestamps = false;
protected $casts = [
'id_taccuino' => 'int',
'id_paziente' => 'int',
];
protected $dates = [
'taccuino_data'
];
protected $fillable = [
'id_paziente',
'taccuino_descrizione',
'taccuino_data',
'taccuino_report_anteriore',
'taccuino_report_posteriore'
];
public function tbl_pazienti()
{
return $this->belongsTo(\App\Models\Patient\Pazienti::class, 'id_paziente');
}
}
Inside my blade view
<img id="canvas_dolore" class="M" src="{{$record->taccuino_report_anteriore }}"></img>
PS: The blob string value starts with
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA..."

Answer 1

You might try outputting unescaped src values for the image:
<img src="{!! ... !!}">