vue项目中，js根据文件名后缀，判断文件图片、视频、文档、pdf等类型的方法 |
您所在的位置：网站首页 › 正则获取文件名后缀 › vue项目中，js根据文件名后缀，判断文件图片、视频、文档、pdf等类型的方法 |
|
vue项目中，在获得文件名信息，需要根据文件名的后缀来区分文件类型的方法如下：其中，文件后缀可自由拓展。 // 根据文件名后缀区分 文件类型 /* * @param: fileName - 文件名称 * @param: 数据返回 1) 无后缀匹配 - false * @param: 数据返回 2) 匹配图片 - image * @param: 数据返回 3) 匹配 txt - txt * @param: 数据返回 4) 匹配 excel - excel * @param: 数据返回 5) 匹配 word - word * @param: 数据返回 6) 匹配 pdf - pdf * @param: 数据返回 7) 匹配 ppt - ppt * @param: 数据返回 8) 匹配 视频 - video * @param: 数据返回 9) 匹配 音频 - radio * @param: 数据返回 10) 其他匹配项 - other */ matchType(fileName) { // 后缀获取 var suffix = ''; // 获取类型结果 var result = ''; try { var flieArr = fileName.split('.'); suffix = flieArr[flieArr.length - 1]; } catch (err) { suffix = ''; } // fileName无后缀返回 false if (!suffix) { result = false; return result; } // 图片格式 var imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif']; // 进行图片匹配 result = imglist.some(function (item) { return item == suffix; }); if (result) { result = 'image'; return result; }; // 匹配txt var txtlist = ['txt']; result = txtlist.some(function (item) { return item == suffix; }); if (result) { result = 'txt'; return result; }; // 匹配 excel var excelist = ['xls', 'xlsx']; result = excelist.some(function (item) { return item == suffix; }); if (result) { result = 'excel'; return result; }; // 匹配 word var wordlist = ['doc', 'docx']; result = wordlist.some(function (item) { return item == suffix; }); if (result) { result = 'word'; return result; }; // 匹配 pdf var pdflist = ['pdf']; result = pdflist.some(function (item) { return item == suffix; }); if (result) { result = 'pdf'; return result; }; // 匹配 ppt var pptlist = ['ppt']; result = pptlist.some(function (item) { return item == suffix; }); if (result) { result = 'ppt'; return result; }; // 匹配 视频 var videolist = ['mp4', 'm2v', 'mkv']; result = videolist.some(function (item) { return item == suffix; }); if (result) { result = 'video'; return result; }; // 匹配 音频 var radiolist = ['mp3', 'wav', 'wmv']; result = radiolist.some(function (item) { return item == suffix; }); if (result) { result = 'radio'; return result; } // 其他 文件类型 result = 'other'; return result; },在项目中进行调用，只需要在需要使用的地方使用： this.matchType('demo.png'); // 返回的结果为 'image'根据返回结果可做对应操作。 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |