1、添加加载动画

不能是白对吧

我用了有赞组件，里面有个懒加载，这里图片我用了循环，index是我循环的key值

<img :src="item.preview" alt="" id="code_img" crossorigin="anonymous" @load="loadImg(index)" />

然后在编写loadImg方法,灵活一点，我这就是一个加载动画，加载的动画我是用svg写的

<div  v-if="item.show" class="loadingPage"><img src="../../assets/svg/loading.svg" class="loading" /></div>

const loadImg = (num ) => {data.imgArr[num].show = false;};

2、增加预览图

加载动画并不能解决图片显示问题，减少图片大小是问题所在

一张图片如果3M，15张。。啧，45M，那是加载有可能超时

参考线规格公众号图片大小：微信官方后台有尺寸提示，要求的是封面图 360*200，多图文的非首个图文封面是200*200，然后正文内图片规格也是200*200。你用其他袭的尺寸也可以，只要比例接近即可。正文图片没有严格的要求，大小不能超过2M。高度没有太大的要求，但是宽度不能比高度大太多，不zd然压缩很严重，不美观。

好吧，2M都嫌弃太大

我随便从网上找了个在线图片压缩：

在线图片免费压缩网站

简单看下，还可以，果然图片这次显示出来了

<* ------------------------ *>

其他

网上看到一个说法，我没遇到，还是记录下

就是图片格式会影响网页内图片的打开

如果微信或者企业微信环境下，图片如果是webp格式添加属性 webp="true"

<img :src="src" alt="" srcset="" style="height: 100%;" webp="true" />

还有一个

如果图片是oss上的，有个ATS，我只是看到，没有尝试过

ios系统oss图片不显示？ | 微信开放社区

ATS检测网站

微信平台或者企业微信平台打开外部图片失败解决以及优化相关推荐

CabloyJS微信模块、企业微信模块已出齐
前言当Cabloy-企业微信模块完成时,加上之前已完成的Cabloy-微信模块,关于在CabloyJS中与微信/企业微信对接的任务已经完成了.这些模块的目标就是,只需填入各类服务的参数,就可以直接进 ...
企业微信怎么删除好友企业微信如何删除成员
1.打开企业微信,点击"通讯录". 企业微信怎么删除好友企业微信如何删除成员 2.找到要删除的成员,点击. 企业微信怎么删除好友企业微信如何删除成员 3.在个人信息页面,点击& ...
小程序长按识别公众号二维码、个人微信号、企业微信号、微信群、-已实现
一.微信原则上不在支持小程序中长按识别在2020年微信的一次版本更新后,就不在支持在小程序中长按识别微信公众号了. 可以看到这个文章: 紧急!!! 微信8.0版本,在小程序webview内嵌公众号 ...
pc企业微信协议，企业微信HOOK接口
pc企业微信hook接口企业微信, 封装成dll,并提供简易的接口给程序调用. 你可以通过扩展 dll 来实现: 监控或收集微信消息自动消息推送聊天机器人社群等管理 //实例参数名必选类型 ...
微信浏览器与企业微信浏览器user agent比较
iphone 6 plus中微信浏览器与企业微信浏览器截取的ua 企业微信: "Mozilla/5.0 (iPhone; CPU iPhone OS 10_2 like Mac OS X) ...
企业微信直播服务器,企业微信直播平台的利用
原标题:企业微信直播平台的利用微信直播如何被企业成功的利用? 吸引成千上万的用户在线关注,将活动现场最为精彩的内容在第一时间传递给关注者,满足活动即时性的传播需求,是企业做直播的效果和目的. 但是直 ...
腾讯发力To B：微信，赋能企业微信？
企业微信与微信互通升级!用微信赋能企业微信,腾讯发力To B. 12月23日,在企业微信2019年度发布会上,企业微信3.0版本正式发布,"人即服务"的理念进一步落地,内测能力与工 ...
判断h5在两端是在微信环境还是企业微信环境
前要: 之前做过的公众号授权一般是在登录时的,最近遇到一个直接微信打开企业微信发过来的链接进去预约页面,需要进来时查询当前微信的用户有没有预约过对应的申请,如果有就跳转到index的列表页,没有的话留 ...
企业微信-拉取企业微信聊天记录
完整代码下载地址:https://download.csdn.net/download/lyn5284767/11485236 一,前提 1,企业微信开通了会话内容存档 2,程序运行环境windows ...

微信平台或者企业微信平台打开外部图片失败解决以及优化

1、添加加载动画

2、增加预览图

其他

微信平台或者企业微信平台打开外部图片失败解决以及优化相关推荐

最新文章

热门文章