angezeigte Icon je nach Dateityp

Question

Wenn ein Benutzer eine Datei auf meiner Website hochgeladen ich es möchte ein Bild anzuzeigen Ie auf dem Dateityp abhängig - PNG-Datei hochgeladen es dann Datei mit dem Dateisymbol und Schaltfläche Ansicht

anzeigt i habe dies zur Zeit in meinem hochladen Modell

public function getIconAttribute() { 

    $extensions = [ 
     'jpg' => 'jpg.png', 
     'png' => 'png.png', 
     'pdf' => 'pdf.png', 
     'doc' => 'doc.png', 
    ]; 

    return array_get($extensions,$this->extension,'unkown.png'); 
} 

und ich habe dies in meiner Ansicht

<img src='../../../public/img/{{ $file->icon }}' style="padding:5px;" class="img-responsive center-block" /> 

im nicht sicher, wie diese Arbeit zu machen, ich habe die Symbole in meinem img Ordner etc i ts nur damit es funktioniert das ist das Problem

Answer 1

Dies kann ziemlich einfach mit css attribute selectors getan werden.

img[src$=".jpg"]:after{ 
 
    content: 'jpg'; 
 
} 
 
img[src$=".png"]:after{ 
 
    content: 'png'; 
 
}

<img src='img.jpg' style="padding:5px;" class="img-responsive center-block" /> 
 
<img src='img.png' style="padding:5px;" class="img-responsive center-block" />