js 加载图片：html页面加载A4尺寸的图片，有时候会出现一半有信息一半透明的问题？

Question

问题描述

 vue项目。html页面请求后台接口，获取到一个图片地址，然后通过 :src 指令直接把地址赋值给img标签（png），有时候加载出来的图片就只有一半。一部分是透明的。

问题出现的环境背景及自己尝试过哪些方法

1.尝试使用 img.onload 来解决一下，但是没有效果，仍然会出现这样的问题。
2.使用vue-lazyLoad 来处理，还是会出现这样的情况

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

能否帮我分析一下出现这样情况的原因？希望能够提供一下优化的方案。感谢

Answer 1

楼主，可以直接在浏览器访问这张图片，如果访问正常的化，那很有可能是网络的问题，图片占用空间太大，导致图片加载不完全。