根据文件类型显示图标

Question

当用户将文件上传到我的网站时，我希望它根据文件类型显示图像I.e - png文件上传后会显示带有文件图标和查看按钮的文件

目前我的上传模式

 public function getIconAttribute() {

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

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

我在我看来有这个

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

我不确定如何使这项工作我在我的img文件夹中有图标等它只是让它工作就是问题

Answer 1

使用css attribute selectors可以轻松完成此操作。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;