用typescript写一段代码,根据文件的后缀不同,显示不同文件图标
时间: 2024-05-02 22:23:04 浏览: 162
js根据后缀判断文件文件类型的代码
好的,关于您的问题,以下是用typescript编写的示例代码,可以根据文件的后缀名来显示不同的文件图标:
```typescript
const getFileIcon = (fileName: string): string => {
const fileExt = fileName.split('.').pop(); // 获取文件后缀名
switch (fileExt) {
case 'pdf':
return 'pdf-icon.png';
case 'docx':
return 'word-icon.png';
case 'pptx':
return 'powerpoint-icon.png';
case 'xlsx':
return 'excel-icon.png';
default:
return 'file-icon.png'; // 返回默认图标
}
};
```
您可以根据自己的需求,将各个文件对应的图标名称进行更改。同时,为了可以在前端显示相应的文件图标,您需要在项目中添加相应的图片文件。
阅读全文