Bild wird nicht machen, ist Pfad Basis auf dem Speicherpfad

Question

Ich habe diese Funktion auf meinem Controller

public function get_images(Request $request){ 
    $images = inventory_images::where('item_id',$request->id)->get(); 
    $path = Storage::disk('local')->getDriver()->getAdapter()->getPathPrefix(); 

    return response()->json([ 'success' => true, 'images' => $images, 'id' => $request->id, 'path' => $path ]); 
} 

so die ‚$ path‘ enthält den Speicherpfad, meine Bilder auf der ‚Lagerung‘ Ordner gespeichert und die '$ Bilder' enthält den Dateinamen und dann in meinem vorderen Stirnseite (Rendering des Bildes)

$.each(e.images,function(index,value){ 
    $("#notification_dialog #gallery-items-container").append('<a href="'+e.path+value.image_name+'"> <figure> <img src="'+e.path+value.image_name+'"> </figure></a>'); 
}); 

im Bild 'src' ich habe diesen Weg

C: \ wamp \ Www \ Klinik und Inventar System \ storage \ app \ public \ items_gallery \ 10014589_974440645904700_5867266076580720168_n.jpg

in der Konsole habe ich diesen Fehler

: 1 Nicht erlaubt lokale Ressource zu laden: file: /// C: /wamp/www/Clinic%20and%20Inventory%20System/storage/app/public/items_gallery/10014589_974440645904700_5867266076580720168_n.jpg

das Bild machen nicht und wenn ich fügen Sie den Pfad zu der Browser Kann ich das Bild sehen, so bedeutet es, dass der Pfad korrekt war und nur das Bild nicht rendert, irgendwelche Ideen, bitte helfen?

Answer 1

ein Datenattribut auf dem Tag Legen Sie das Bildhalte:

data-image_path="{{ asset('uploads/*name of model this is being associated with/original/') }}" 

Wo Asset Punkte Ihres Projekts öffentlichen Verzeichnis.

Rufen Sie dann den Image-Namen vom Controller ab und hängen Sie ihn an diesen Pfad an.

Answer 2

ich eine Lösung irgendwo, jetzt

gefunden haben

Route::get('/images/{image}', function($image = null) 

{ 
    $path = storage_path().'/app/public/items_gallery/' . $image; 
    if (file_exists($path)) { 
     return Response::download($path); 
    } 
}); 

und seine Ordnung.