检查页面是否存在 src="" 或 src="#"。
【现象】:
调用这个页面的URL 的时候,如果监视网络活动,会发现,网页被调用了2次。如果该访问该网页的URL 还带有参数,那么第一次调用有参数,第二次调用没有参数。
【具体原因】:
在img 对象的src 属性是空字符串("")的时候,浏览器认为这是一个缺省值,值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入,并把其内容作为图像的二进制内容并试图显示。
【解法】:
(1)主动设置一个默认的值,可以考虑在本地放一个 缺省展示的小图标,把小图标的路径地址放入 src="" 中。既然开始设置了 src="" 那么,是不显示出来的,往往是实时计算加载的,那缺省值对应的资源也大概率不会展示出来(只起到,占位的作用)。
(2)仅仅更新 src="" 时,可能文件无法成功设置,根据我个人的摸索,可以考虑尝试 连同id也动态设置为 动态设置的文件路径,而控件的操作 用 name或class进行。
(3)为了减少不必要的文件存储负担,<img /> 、<video />、<audio /> 的 src="" 缺省值都用同一个 默认图片地址 也可以,不做类型检查。
引用博客:<img src=""/>引发的问题