刷新页面一次,错误地进行了多次重复调用后端服务

检查页面是否存在 src="" 或 src="#"。

【现象】:

调用这个页面的URL 的时候,如果监视网络活动,会发现,网页被调用了2次。如果该访问该网页的URL 还带有参数,那么第一次调用有参数,第二次调用没有参数。

【具体原因】:

在img 对象的src 属性是空字符串("")的时候,浏览器认为这是一个缺省值,值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入,并把其内容作为图像的二进制内容并试图显示。

【解法】:

(1)主动设置一个默认的值,可以考虑在本地放一个 缺省展示的小图标,把小图标的路径地址放入 src="" 中。既然开始设置了 src="" 那么,是不显示出来的,往往是实时计算加载的,那缺省值对应的资源也大概率不会展示出来(只起到,占位的作用)。

(2)仅仅更新 src="" 时,可能文件无法成功设置,根据我个人的摸索,可以考虑尝试 连同id也动态设置为 动态设置的文件路径,而控件的操作 用 name或class进行。

(3)为了减少不必要的文件存储负担,<img /> 、<video />、<audio /> 的 src="" 缺省值都用同一个 默认图片地址 也可以,不做类型检查。

引用博客:<img src=""/>引发的问题

相关推荐
云半S一33 分钟前
pytest的学习过程
经验分享·笔记·学习·pytest
AI视觉网奇43 分钟前
ue5.7 配置 audio2face
笔记·ue5
崎岖Qiu3 小时前
【OS笔记35】:文件系统的使用、实现与管理
笔记·操作系统·存储管理·文件系统·os
曦月逸霜3 小时前
离散数学-学习笔记(持续更新中~)
笔记·学习·离散数学
hunter14504 小时前
windows server AD域与CA部署证书
笔记
im_AMBER4 小时前
Leetcode 101 对链表进行插入排序
数据结构·笔记·学习·算法·leetcode·排序算法
laplace01234 小时前
# 第四章|智能体经典范式构建 —— 学习笔记(详细版)
笔记·学习
别了,李亚普诺夫4 小时前
PCB设计大师篇笔记
笔记·嵌入式硬件·学习
西瓜堆4 小时前
提示词工程学习笔记: IT技术行业提示词推荐
笔记·学习
2301_810746314 小时前
CKA冲刺40天笔记 - day24 Kubernetes Clusterrole 和 Clusterrole Binding
笔记·容器·kubernetes