图片加载问题

图片加载问题

老师,上传的图片加载不全,要刷新一下才能显示完整的图片,有什么解决思路吗?

​编辑器我写了一个富文本编辑器

尝试过的思路:

  • 我试过在 load 事件回调中把 <img> 添加到页面中,没有什么用。

  • 还有监听 complete 属性为 true 也没用

  • IntersectionObserver,没解决问题

  • 把 <img> 添加到页面后强制刷新,可以解决问题,这个解决方法不太好


http://img1.sycdn.imooc.com//climg/6030e90d09bb579109690551.jpg

下载图片的时候发现一个现象:图片资源本身的体积就小于正常体积,前端就算把图片下载完了图片也展示不全,不知道为什么

http://img1.sycdn.imooc.com//climg/6030e52509f0fe3c09520245.jpg


http://img1.sycdn.imooc.com//climg/6030e575096fd87409480219.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
Brian 2021-02-20 20:21:10

你先用chrome的调试工具,调试一下图片,然后在调试窗口里面看看是不是样式的问题。


如果不是,是否换过图片尝试过。


从你上面的描述来看,应该不是后台接口的问题。

  • 提问者 _zion_ #1

    不是样式的问题,加载几百 KB 的图片时基本没有问题。

    加载几 MB 的图片时,有时就会出现图片加载不全的问题。

    2021-02-20 22:10:52
  • Brian 回复 提问者 _zion_ #2

    你这个提供静态资源服务的服务器是本地的吗?还是云服务器?有没有前置的nginx之类的?


    你如果是云服务器,你尝试在自己本地搞个API的图片上传 + 静态资源的服务测试一下,不就完了?先要定位出问题来。


    然后,如果本地的API也是一样的现象,再换个浏览器?换个同事的电脑的浏览器,试试?


    一点点的排查。

    2021-02-25 09:45:10
  • 提问者 _zion_ 回复 Brian #3

    按照课程设置的本地服务器,我再排查一下别的原因

    2021-02-25 15:19:11
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师