码迷,mamicode.com
首页 > Web开发 > 详细

自用代码css获取任意网址的/favicon.ico的方法教程

时间:2020-02-02 19:25:46      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:存在   定义   技术   item   标签   ror   利用   code   html   

尝试过使用网友说的API接口获取 找到的都是失效了

暂时就使用这种办法获取 如果有好的方法望评论告知 谢谢

   <img :ng-src="‘http://‘+list.url+‘/favicon.ico‘" :src="‘http://‘+list.url+‘/favicon.ico‘" onerror="this.src=‘https://s2.ax1x.com/2020/02/02/1YRugf.png‘" 
width="14" height="14" style="display: block;float:left;margin-top:3px;" ng-show="item.littleIcon" class="">

  

list.url是网址数据 动态

onerror="this.src=‘https://s2.ax1x.com/2020/02/02/1YRugf.png‘"

原理:利用拼接的方式获取根路径下的favicon.ico

但是有的网址没有存放在跟路径下 所有就用到了 onerror标签 表示加载失败就执行

onerror定义和用法

onerror 事件会在文档或图像加载过程中发生错误时被触发。

在装载文档或图像的过程中如果发生了错误,就会调用该事件句柄。

this.src=‘https://s2.ax1x.com/2020/02/02/1YRugf.png‘

技术图片

第一个ico是获取成功的 第二个是获取失败的 就赋值
https://s2.ax1x.com/2020/02/02/1YRugf.png(存在图床里面 自己随便定义图片ico 或者事件)

自用代码css获取任意网址的/favicon.ico的方法教程

标签:存在   定义   技术   item   标签   ror   利用   code   html   

原文地址:https://www.cnblogs.com/dnghj/p/12253184.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!