解决 .webp 格式图片在 ios 设备上无法正常显示的问题
解决.webp 格式图片在 ios 设备上无法正常显示的问题
使用字符串的 replace() 方法,将 webp 的后缀名替换为 jpg 的后缀名
// 定义请求商品详情数据的方法
async getGoodsDetail(goods_id) {const { data: res } = await uni.$http.get('/api/public/v1/goods/detail', { goods_id })if (res.meta.status !== 200) return uni.$showMsg()// 使用字符串的 replace() 方法,将 webp 的后缀名替换为 jpg 的后缀名res.message.goods_introduce = res.message.goods_introduce.replace(/<img /g, '<img style="display:block;" ').replace(/webp/g, 'jpg')this.goods_info = res.message
}
写在最后
✨个人笔记博客✨
星月前端博客
http://blog.yhxweb.top/
✨原创不易,还希望各位大佬支持一下
解决 .webp 格式图片在 ios 设备上无法正常显示的问题相关推荐
- HTML内嵌pdf在ios设备上无法正常显示
问题描述 今天在制作网页的时候,需要内嵌一个pdf,使用html中的embed来实现: <embed src="doc.pdf" type="application ...
- 小技巧 - 解决 webp 格式图片的快速复制粘贴
图片地址:https://mmbiz.qpic.cn/mmbiz_png/KzkuB2Hqt7Myugic18mnX30IYDPjVW119E5OcA7yS8icnsibLfxFfIsP63mTZEb ...
- webp图片在html上显示,WebP 格式图片在实际项目中的使用方式
一.前言 关于 WebP 的支持情况,以及适用场景此处不做详细说明,具体见官方文档. 先说结论,目前 WebP 支持情况占比较大(数据如下),在适合的场景下可以使用 WebP 格式图片来提高页面加载速 ...
- android webview webp,iOS WebView中使用webp格式图片的方法
webp格式图片 webp格式图片是google推出的,相比jpg png有着巨大的优势,同样质量的图片webp格式的图片占用空间更小,在像电商这样图片比较多的App中,使用webp格式图片会很有优势 ...
- webp格式图片上传以及转PNG
webp格式图片上传 导入maven依赖 <!-- https://mvnrepository.com/artifact/org.sejda.imageio/webp-imageio --> ...
- Android将webp格式图片转换为png格式方法
最近项目优化的时候发现app上选择的部分图片上传到服务器后无法显示或者直接上传失败,经过跟踪发现问题出现在webp图片格式上,说到webp格式的图片,这是google自己发明的一种图片格式,在网络上使 ...
- 移动端H5页面使用 webp 格式图片
1.为什么用 webp 格式图片 []webp格式是新起的一种图片格式,由谷歌推出.这种格式的图片支持有损压缩和无损压缩两种压缩模式.它的特点是体积小 []体积小意味着加载时间更短.客户可以不用过长等 ...
- 怎么将webp格式图片转换成jpg?三招快速完成!
怎么将webp格式图片转换成jpg?WebP是一种新型的图像格式,但目前并不被所有的浏览器和设备所支持.相比之下,JPG格式得到广泛支持,因此将WebP格式的图片转换为JPG格式可以确保图片在更多设备 ...
- Webp格式图片怎么转JPG?教你几种简单好用的转换方法
Wepb格式的图片怎么转换成JPG格式呢?WebP是一种新型的图像格式,但是它目前仍然不被所有的浏览器和设备支持.大多数设备和浏览器都支持JPG格式,因此将WebP格式的图片转换成JPG格式可以确保图 ...
最新文章
- 【 笔记 】定位算法性能分析
- 高清SDI编码器|上海视涛科技
- RecyclerView的那点事儿
- 另一种同步软件Unison的使用方法
- 保驾护航金三银四,分分钟搞定!
- 一个人幸运的前提,是他有能力改变自己
- 查看一张表都有哪些用户有权限_有赞移动关于权限与审批流程的标准化
- Linux下创建与解压zip, tar, tar.gz和tar.bz2文件
- 蓝牙(Android使用)基本原理
- 微软拼音输入法不显示选字栏怎么办?
- 幼儿-综合素质【6】
- Text B:What’s wrong with copying?剽窃何罪
- 使用开源激光SLAM方案LIO-SAM运行KITTI数据集,如有用,请评论雷锋
- Apple的M1 MacBook Pro 与 2020年的Intel MacBook Pro速度对比测试
- 【软件安全:软件安全技术课后习题及答案】
- 项目管理中的成本绩效方法
- android 苹果 换机,苹果12怎么一键换机安卓?iPhone12一键换机功能操作步骤
- 2009年的人民币1000元购买力,相当于30年前人民币多少钱?
- pb对Web Service的操作可使用两种方式实现
- AD将原理图转换成彩色或者黑白PDF,主要是依据页面设计中的色彩设置黑白或者彩色打印。打印机中的高级设置或者属性设置中的色彩黑白或者彩色不起作用(亲自测试)
热门文章
- 微信开放标签<wx-open-launch-app>之Vue项目H5唤醒APP
- 联想t450进入bios设置按哪个键_ThinkPad笔记本电脑如何设置Fn热键切换功能
- python绘制证券市场线(SML)
- 基于ssm的高校普法系统设计与实现-计算机毕业设计源码+LW文档
- Gradle 自定义Plugin插件之360加固
- gradle-7.4.2-bin.zip百度网盘下载
- Three.js学习二——Three.js极简入门
- 餐厅菜单c语言,C语言实现餐饮管理与点餐系统
- 利用kettle进行数据同步
- PCBA加工静电防护措施及注意事项