写小程序，iphone手机不支持webp后缀的图片，怎么解决？

（1）在企业中，前端跟后端人沟通，把 . webp 后缀的图片进行更改成普通图片

（2）后端人员很忙需要自行在前端简单处理

1）首先要确定后台数据里面每一个 .webp 图片都有一个对应的 jpg 格式的图片

【确认全部有了之后】

2）在接收数据时，进行更改处理，使用正则表达式，进行后缀名替换

关键代码：.replace(/\.webp/g,'.jpg'),

//在前台进行处理后缀名的替换 goods_introduce:goodsdetail.goods_introduce.replace(/\.webp/g,'.jpg')//以下是我个人代码的使用场景this.setData({goodsdetail:{goods_price:goodsdetail.goods_price,goods_name:goodsdetail.goods_name,//接收数据的同时，在前台进行处理后缀名的替换 goods_introduce:goodsdetail.goods_introduce.replace(/\.webp/g,'.jpg'),pics:goodsdetail.pics}})

写小程序，iphone手机不支持webp后缀的图片，怎么解决？相关推荐

如何解决部分iphone手机不识别webp格式的图片的问题
部分iphone手机不识别webp格式的图片最好的解决方式是找到后台让其修改图片的格式要想自己修改之后正常显示,得确保有一个可替换的jpg文件具体操作如下: goods_introduce: r ...
js实现审批流_小程序瀑布流组件:支持翻页与图片懒加载
电商小程序中,用到瀑布流的地方非常多,每次都写一个瀑布流,重复一次逻辑,作为程序员,肯定是非常不愿意的. 瀑布流的形式都是大同小异,不同的是瀑布流中每个模块的内容,随业务而变化. 所以,我们把瀑布流框 ...
swiper 定义放多少张图片_小程序瀑布流组件:支持翻页与图片懒加载
(给前端大全加星标,提升前端技能) 作者:老人羽海 https://segmentfault.com/a/1190000022680541 电商小程序中,用到瀑布流的地方非常多,每次都写一个瀑布流,重 ...
（已更新）【S-CMS企业建站系统 v5.0 】CMS+含小程序+响应式布局+支持手机版网站+支持Q旺旺客服
闪灵CMS企业建站系统是一款专门为企业建站提供解决方案的产品,前端模板样式主打HTML5模板,以动画效果好.页面流畅.响应式布局为特色,程序主体采用PHP+MYSQL构架,拥有独立自主开发的一整套函数 ...
微信小程序获取手机验证码短信验证码后端功能实现解析
本文原创首发CSDN,链接 https://mp.csdn.net/console/editor/html/106041472 ,作者博客https://blog.csdn.net/qq_414641 ...
全新圣诞节头像框制作生成微信小程序源码下载支持多模板
一款可以制作圣诞帽头像的一款小程序里面有多种模板选择,当然啦里面不只是可以制作圣诞帽还可以制作贴图头像框,各种卡通,卡哇伊,男神女神标等等模板可以制作的另外还支持检测你的手机型号,自动辨别手机真 ...
实现微信小程序和手机app远程控制51单片机控制L298N电机驱动器控制马达（ESP8266 AT89S52 http请求转串口通信系统 mqtt ）
首先你有这样的8266 这种8266自身带2个按键和烧录芯片方便调试,综合性价比较高. 还有就是你需要有一个51单片机或者其他芯片都行.有了这2个芯片我们开始吧! 1.先看一段视频效果演示,再来介绍实 ...
手写小程序摇树优化工具（三）——遍历json文件
见素包朴,少私寡欲,绝学无忧 github: miniapp-shaking 上一章我们介绍了遍历js文件的方法,接下来我们介绍其他文件的遍历. 1. 遍历JSON文件对于json文件,我们直接读取 ...
微信小程序判断手机机型信息及dpr
微信小程序判断手机机型信息及dpr=2.3 出现这个原因是因为手机dpr不同,导致在显示二维码时出现位置偏移.首先能想到的就是获取设备信息,根据不同机型而解决问题. 1.wxml 开控制位置间距var ...

写小程序，iphone手机不支持webp后缀的图片，怎么解决？

写小程序，iphone手机不支持webp后缀的图片，怎么解决？相关推荐

最新文章

热门文章