为什么网页种图片闪一下就没有了？
发布网友
发布时间：2022-04-22 04:06
共1个回答
热心网友
时间：2023-07-18 04:43
图片加载方式出现问题。
图片加载的两种方式，BaselineJPEG(基准式)ProgressiveJPEG(渐进式)基准型加载这种类型的文件存储方式是按从上到下的扫描方式，打开这个文件显示它的内容时，数据将按照存储时的顺序从上到下一行一行的被显示出来，直到所有的数据都被读完，就完成了整张图片的显示。放到浏览器里就是这样我遇到的这种情况了，虽然图片很快就加载完成了，但是有一点小小的延迟，就会导致闪白。渐进式加载这种文件包含多次扫描，会先显示整个图片的模糊轮廓，随着扫描次数的增加，图片变得越来越清晰。
将背景图片的加载格式转换成渐进式加载即可。PS转换将图片放入ps中重新到出，到处是选择渐进式加载格式即可。代码转换就该个格式用ps还是有点麻烦，用代码直接修改还是更适合我们。无法通过原生控制选择图片的数量，如果需要做图片数量的控制，需要选择完图片后，在input的onchange中监听文件的数量进行判断。建议，在选择上传的按钮附近加上明显的提示，告知用户最多上传的图片数量。至于上传超过数量时逻辑，可以自行根据业务场景决定，是上传上限内的前几张图片，或是全部都不上传，在APP端嵌入H5页面，使用input原生上传方案时，在选择图片时是使用APP做的选择图片功能，即选择图片的上限可能会受APP端的*。
