解决.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 设备上无法正常显示的问题相关推荐

  1. HTML内嵌pdf在ios设备上无法正常显示

    问题描述 今天在制作网页的时候,需要内嵌一个pdf,使用html中的embed来实现: <embed src="doc.pdf" type="application ...

  2. 小技巧 - 解决 webp 格式图片的快速复制粘贴

    图片地址:https://mmbiz.qpic.cn/mmbiz_png/KzkuB2Hqt7Myugic18mnX30IYDPjVW119E5OcA7yS8icnsibLfxFfIsP63mTZEb ...

  3. webp图片在html上显示,WebP 格式图片在实际项目中的使用方式

    一.前言 关于 WebP 的支持情况,以及适用场景此处不做详细说明,具体见官方文档. 先说结论,目前 WebP 支持情况占比较大(数据如下),在适合的场景下可以使用 WebP 格式图片来提高页面加载速 ...

  4. android webview webp,iOS WebView中使用webp格式图片的方法

    webp格式图片 webp格式图片是google推出的,相比jpg png有着巨大的优势,同样质量的图片webp格式的图片占用空间更小,在像电商这样图片比较多的App中,使用webp格式图片会很有优势 ...

  5. webp格式图片上传以及转PNG

    webp格式图片上传 导入maven依赖 <!-- https://mvnrepository.com/artifact/org.sejda.imageio/webp-imageio --> ...

  6. Android将webp格式图片转换为png格式方法

    最近项目优化的时候发现app上选择的部分图片上传到服务器后无法显示或者直接上传失败,经过跟踪发现问题出现在webp图片格式上,说到webp格式的图片,这是google自己发明的一种图片格式,在网络上使 ...

  7. 移动端H5页面使用 webp 格式图片

    1.为什么用 webp 格式图片 []webp格式是新起的一种图片格式,由谷歌推出.这种格式的图片支持有损压缩和无损压缩两种压缩模式.它的特点是体积小 []体积小意味着加载时间更短.客户可以不用过长等 ...

  8. 怎么将webp格式图片转换成jpg?三招快速完成!

    怎么将webp格式图片转换成jpg?WebP是一种新型的图像格式,但目前并不被所有的浏览器和设备所支持.相比之下,JPG格式得到广泛支持,因此将WebP格式的图片转换为JPG格式可以确保图片在更多设备 ...

  9. Webp格式图片怎么转JPG?教你几种简单好用的转换方法

    Wepb格式的图片怎么转换成JPG格式呢?WebP是一种新型的图像格式,但是它目前仍然不被所有的浏览器和设备支持.大多数设备和浏览器都支持JPG格式,因此将WebP格式的图片转换成JPG格式可以确保图 ...

最新文章

  1. 【 笔记 】定位算法性能分析
  2. 高清SDI编码器|上海视涛科技
  3. RecyclerView的那点事儿
  4. 另一种同步软件Unison的使用方法
  5. 保驾护航金三银四,分分钟搞定!
  6. 一个人幸运的前提,是他有能力改变自己
  7. 查看一张表都有哪些用户有权限_有赞移动关于权限与审批流程的标准化
  8. Linux下创建与解压zip, tar, tar.gz和tar.bz2文件
  9. 蓝牙(Android使用)基本原理
  10. 微软拼音输入法不显示选字栏怎么办?
  11. 幼儿-综合素质【6】
  12. Text B:What’s wrong with copying?剽窃何罪
  13. 使用开源激光SLAM方案LIO-SAM运行KITTI数据集,如有用,请评论雷锋
  14. Apple的M1 MacBook Pro 与 2020年的Intel MacBook Pro速度对比测试
  15. 【软件安全:软件安全技术课后习题及答案】
  16. 项目管理中的成本绩效方法
  17. android 苹果 换机,苹果12怎么一键换机安卓?iPhone12一键换机功能操作步骤
  18. 2009年的人民币1000元购买力,相当于30年前人民币多少钱?
  19. pb对Web Service的操作可使用两种方式实现
  20. AD将原理图转换成彩色或者黑白PDF,主要是依据页面设计中的色彩设置黑白或者彩色打印。打印机中的高级设置或者属性设置中的色彩黑白或者彩色不起作用(亲自测试)

热门文章

  1. 微信开放标签<wx-open-launch-app>之Vue项目H5唤醒APP
  2. 联想t450进入bios设置按哪个键_ThinkPad笔记本电脑如何设置Fn热键切换功能
  3. python绘制证券市场线(SML)
  4. 基于ssm的高校普法系统设计与实现-计算机毕业设计源码+LW文档
  5. Gradle 自定义Plugin插件之360加固
  6. gradle-7.4.2-bin.zip百度网盘下载
  7. Three.js学习二——Three.js极简入门
  8. 餐厅菜单c语言,C语言实现餐饮管理与点餐系统
  9. 利用kettle进行数据同步
  10. PCBA加工静电防护措施及注意事项