根据文件扩展名显示文件图标

Question

我正在制作一个上传文件的表格：文件、名称、扩展名（在与 ms sql server 连接的 php 中）。

我想根据扩展名为每个文件添加一个图标。我认为有 3 个选项可以实现这一目标：

1. 最佳 - 以某种方式加载用户默认图标并以某种方式将它们与我的文件连接
2. 好 - 从某个网页图标列表中加载某种方式，并以某种方式将它们与我的文件连接起来
3. 坏 - 将一些图标放入我的文件夹并从该文件加载

我知道如何做第三个选项，但我不能只搜索 10 个图标，因为总会有一个扩展名不在我的文件夹中（例如 jpeg 与 jpg 不同）。

你能告诉我如何做一些比第 3 号更好的解决方案吗？它可以在 PHP 或 JS/jQuery 中，没关系。

Answer 1

您必须通过对未知类型的文件使用默认图标来执行此操作。

您可以在表中显示文件

超文本标记语言

<tr>
<td class="fm fm_file">
<a  target="_blank" href="./download.php?f=something">yourfile.jpg</a>
</td>
</tr>

我的代码片段执行此操作（较大库的片段）

PHP

if ($handle = opendir($directory)) {
            while (false !== ($entry = readdir($handle))) {
                if ($entry != "." && $entry != "..") {
                    if (!is_dir($directory . DIRECTORY_SEPARATOR . $entry)) {
                        $md = rand(0, 9) . substr(md5('download' . $entry), 1, 10) . rand(1000, 9999);
                        $dlink = '<a  target="_blank" href="./download.php?f=' . $entry . '&c=' . $md . '" >' . $entry . '</a>';
                        $editlink='';
                        $a=explode('.', $entry);

                        if(in_array(strtolower(array_pop($a)),array('ini','txt','xml','bin','sql')))
                        $editlink='<a  href="filemanager-edit?dir=' . $subdir.'&f=' . $entry . '&c=' . $md . '" >' . $ledit . '</a>';
                        $filelist.='<tr>' . '<td class="fm fm_file">' . $dlink . '</td>' . '<td class="edit">'.$editlink.'</td>' . '<td class="delete"><a  href="filemanager?action=delete&dir=' . $subdir.'&f=' . $entry . '&c=' . $md . '" >' . $ldelete . '</a></td>' . '</tr>';
                    } else
                        $filelist.='<tr>' . '<td class="fm ft_folder"><a  href="filemanager?action=view&dir=' . $subdir . $entry . '&c=' . md5($entry) . '" >' . $entry . '</a></td>' . '<td class="edit"></td>' . '<td class="edit"><a  href="filemanager?action=view&dir=' . $subdir . $entry . '&c=' . md5($entry) . '" >' . $lchoose . '</a></td>' . '</tr>';
                }
            }
            closedir($handle);
        }

分配图标需要使用js

JavaScript

$('.fm_file').each(function(){
       var name=$(this).find('a').html().split('.').pop();
     $(this).addClass('ft_'+name);
   });

css 中图标文件的快捷方式

CSS

.fm_file{
    background-image:url(../../images/filemanager/page_white.png);
}

.ft_folder{
    background-image:url(../../images/filemanager/folder.png);
}

.ft_pdf{
    background-image:url(../../images/filemanager/page_white_acrobat.png);
}

.ft_cs{
    background-image:url(../../images/filemanager/page_white_csharp.png);
}

.ft_xls{
    background-image:url(../../images/filemanager/page_white_excel.png);
}

.ft_php{
    background-image:url(../../images/filemanager/page_white_php.png);
}
.ft_dll{
    background-image:url(../../images/filemanager/page_white_dll.png);
}
.ft_exe,.ft_msi{
    background-image:url(../../images/filemanager/page_white_exe.png);
}
.ft_db,.ft_sql{
    background-image:url(../../images/filemanager/page_white_db.png);
}
.ft_png,
.ft_jpg,
.ft_bmp,
.ft_gif{
    background-image:url(../../images/filemanager/page_white_picture.png);
}

.ft_txt,
.ft_js,
.ft_ini,
.ft_bat,
.ft_css{
    background-image:url(../../images/filemanager/page_white_text.png);
}

.ft_htm,
.ft_xml,
.ft_html{
    background-image:url(../../images/filemanager/page_white_code.png);
}

.ft_rar,
.ft_zip{
    background-image:url(../../images/filemanager/page_white_compressed.png);
}

结果：

如果有人使用未知类型，则使用类fm_file的图像。你总是可以组成一个图标集合

Answer 2

尝试这样的事情：

if(ext == 'jpg' || ext == 'jpeg')
{
    $image_name = 'image.jpg';  
}
if(ext == 'doc' || ext == 'docx')
{
    $image_name = 'doc.jpg';    
}

并为未知图标创建一个 else