vue项目中，js根据文件名后缀，判断文件图片、视频、文档、pdf等类型的方法
vue项目中，在获得文件名信息，需要根据文件名的后缀来区分文件类型的方法如下：其中，文件后缀可自由拓展。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
| // 根据文件名后缀区分 文件类型
export function matchType(fileName) {
// 后缀获取
let suffix = ''
// 获取类型结果
let result
try {
const fileArr = fileName.split('.')
suffix = fileArr[fileArr.length - 1]
} catch (err) {
suffix = ''
}
// fileName无后缀返回 false
if (!suffix) {
result = false
return result
}
// 图片格式
const imgList = ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'svg', 'icon', 'ico']
// 进行图片匹配
result = imgList.some(function(item) {
return item === suffix
})
if (result) {
result = 'image'
return result
}
// 匹配txt
const txtList = ['txt']
result = txtList.some(function(item) {
return item === suffix
})
if (result) {
result = 'txt'
return result
}
// 匹配 excel
const excelList = ['xls', 'xlsx']
result = excelList.some(function(item) {
return item === suffix
})
if (result) {
result = 'excel'
return result
}
// 匹配 word
const wordList = ['doc', 'docx']
result = wordList.some(function(item) {
return item === suffix
})
if (result) {
result = 'word'
return result
}
// 匹配 pdf
const pdfList = ['pdf']
result = pdfList.some(function(item) {
return item === suffix
})
if (result) {
result = 'pdf'
return result
}
// 匹配 ppt
const pptList = ['ppt', 'pptx']
result = pptList.some(function(item) {
return item === suffix
})
if (result) {
result = 'ppt'
return result
}
// 匹配 视频
const videoList = ['mp4', 'm2v', 'mkv']
result = videoList.some(function(item) {
return item === suffix
})
if (result) {
result = 'video'
return result
}
// 匹配 音频
const radioList = ['mp3', 'wav', 'wmv']
result = radioList.some(function(item) {
return item === suffix
})
if (result) {
result = 'radio'
return result
}
// 其他 文件类型
result = 'other'
return result
}
|
在项目中进行调用，只需要在需要使用的地方使用：
1
| this.matchType('demo.png'); // 返回的结果为 'image'
|
根据返回结果可做对应操作。
