当前位置:网站首页>学习在微信小程序中判断url的文件后缀格式
学习在微信小程序中判断url的文件后缀格式
2022-08-04 09:19:00 【徊忆羽菲】
学习在微信小程序中判断url的文件后缀格式
第一种方法:lastIndexOf
1.查找URL最后一个“.”的索引
2.截取这个索引后面的所有字符(这里就是后缀名)
3.拿到后缀名去匹配判断是否是某某格式
// 文件是否为图片 (方法一)
var isImg = function (url) {
//获取最后一个.的位置
var index = url.lastIndexOf(".")
//获取后缀
var ext = url.substring(index + 1) // wxs不支持substr
// 进行判断
return ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].indexOf(ext.toLowerCase()) !== -1
}
第二种方法:split
1.将URL用“.”分割成数组
2.查找数组最后一项(最后一项就是后缀名)
3.拿到后缀名去判断
// 方法二
var isImg2 = function (url) {
//后缀获取
let suffix = '';
// 获取类型结果
let result = '';
// 分割url的“.”
const flieArr = url.split('.');
// 获取分割后数组最后一项就是后缀
suffix = flieArr[flieArr.length - 1];
if (suffix != "") {
suffix = suffix.toLocaleLowerCase();
// 图片格式
const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif']
// 进行图片匹配
result = imglist.find(function (item) {
return item === suffix
})
return result
}
}
边栏推荐
猜你喜欢
Shell编程的条件语句
Layer 3 Switch/Router OSPF Configuration Details [Huawei eNSP Experiment]
Detailed explanation of switch link aggregation [Huawei eNSP]
【云驻共创】HCSD 大咖直播–就业指南
[Punctuality Atom STM32 Serial] Chapter 4 STM32 First Experience Excerpted from [Punctual Atom] MiniPro STM32H750 Development Guide_V1.1
【正点原子STM32连载】第三章 开发环境搭建 摘自【正点原子】MiniPro STM32H750 开发指南_V1.1
2022-08-02 Analyze RK817 output 32k clock PMIC_32KOUT_WIFI to WiFi module clock register devm_clk_hw_register
MindSpore:【AIR模型导出】导出时提示源码中select_op参数类型转换失败
我和 TiDB 的故事 | TiDB 对我不离不弃,我亦如此
Could you please talk about how the website is accessed?[Interview questions in the web field]
随机推荐
Fiddler(二)-手机抓包502错误解决方法
Since his 97, I roll but he...
Layer 3 Switch/Router OSPF Configuration Details [Huawei eNSP Experiment]
2022-08-02 Analyze RK817 output 32k clock PMIC_32KOUT_WIFI to WiFi module clock register devm_clk_hw_register
交换机链路聚合详解【华为eNSP】
【高并发基石】多线程、守护线程、线程安全、线程同步、互斥锁
ISO14443A读卡流程(作为示例参考)
TiDB升级与案例分享(TiDB v4.0.1 → v5.4.1)
[Punctuality Atom STM32 Serial] Chapter 3 Development Environment Construction Excerpted from [Punctual Atom] MiniPro STM32H750 Development Guide_V1.1
如何快速将Zabbix5.0升级至6.0?
Post-94 Byte P7 posted the salary slip: It's really good to make up for this...
cannot import name 'import_string' from 'werkzeug' [bug solution]
四大网络攻击常见手段及防护
【正点原子STM32连载】第四章 STM32初体验 摘自【正点原子】MiniPro STM32H750 开发指南_V1.1
【正点原子STM32连载】第二章 STM32简介 摘自【正点原子】MiniPro STM32H750 开发指南_V1.1
蘑菇书EasyRL学习笔记
Detailed Explanation of Addresses Delivered by DHCP on Routing/Layer 3 Switches [Huawei eNSP]
Ansible deployment scripts - pro available without pit
TiFlash 源码阅读(五) DeltaTree 存储引擎设计及实现分析 - Part 2
v-model原理,在“radio”、“checkbox”、“select”、修饰符