把网站已失效图片改为指定的图片的方法

最新推荐文章于 2024-09-09 09:35:48 发布
最新推荐文章于 2024-09-09 09:35:48 发布
阅读量315 收藏
点赞数
文章标签： javascript java python js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39221436/article/details/116450038
版权
本文介绍了如何利用HTML5 img标签的onerror属性来处理图片加载失败的情况，通过设置默认图片，确保网站内容的正常显示，避免因图床问题影响用户体验和SEO。提供了一个简单的代码示例，帮助站长解决图片加载失败的困扰。
摘要由CSDN通过智能技术生成

各位站长平时在分享资源或者教程的时候，难免会带上一些图片给文章增添色彩。

有的人可能会考虑使用图床，但找一个稳定的图床是真心不容易啊！如果图床gg了，网站全是报错，不仅影响seo，对用户也不友好。

今天就给大家介绍简单一串代码解决烦恼：

在HTML5当中img标签有onerror属性，如果图片失效可以替换加载默认图片。

<img src="https://pjax.vip/logo.png" onerror="javascript:this.src=''https://www.baidu.com/logo.png''">

上面这行代码应该不难理解，src代表本身要加载的图片，如果这个图片加载失败，则调用onerror所指定的图片，希望能帮到您！

完整实例：http://github.crmeb.net/u/defu

CRMEB定制开发
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
基于vue打包后字体和图片资源失效问题的解决方法
08-27
outputPath: 'assets/images', // 指定图片输出目录 }); }, }; ``` 最后，别忘了在部署时，确保服务器配置正确，能够处理非HTML文件的请求，尤其是静态资源如字体和图片。 综上所述，解决Vue打包后字体和图片...
自动替换页面失效图片的代码
陈杰的专栏
06-23 1798
在经典上看到一位朋友问了这个问题，其中xling大哥给出了一个解决办法：，但是对于如果网页中存在大量图片的时候，一个个改代码工作量就大了。偶就想写一个函数自动更新页面所有的失效图片。基本思想就是遍历页面中图片。如果发现失效则自动替换为预先设定的图片。代码如下（这时个比较有用的代码）：DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/
排查链接是否失效_外链图失效，教你快速迁移图片至新的图床
weixin_39800990的博客
12-06 367
拥有个人网站的朋友，为了节省成本，想必都使用过外链图片，最普遍的大概是微博的外链图片吧，而在今年微博正式对部分域名的外链图片开启了防盗链，这也导致大量的网站图片直接失效，包括后续使用简书等平台也都开启了防盗链。题外话：外链图片失效问题解决办法不过针对这种防盗链的问题，简单的解决办法不是没有，那就是在网站的<head>标签内添加referrer的规则：​<meta name=“re...
图床技术及img位置批量修改|避免一个文章发多次的方法
蒸发杰作的博客
07-27 622
图床技术及img位置批量修改 我们经常需要把一个图文并茂的文章发在不同平台，因而就不得不手动上传多次。 实际上我们可以把img位置以网页链接的方式给出，然后在MarkDown中再引用。 具体来说就是这样。 1挑选图床平台 最基本的需要应该是本地文件名到网络后不能更改。 且打开图片网速够快。 对此我了解不多，欢迎各位补充。目前我使用了Gitee码云的GitPage作为图床平台。 平台 优 ...
如果图片失效，则显示一个默认的图片
huxiao@javaeye
02-28 271
图片失效了之后，显示一个红叉叉，实在难看，一般的做法是现实一个默认的图片，比如提示用户“图片已经找不到”等等。 我试了一下，用下面这个可以实现 [code="html"] [/code] 但是每个图片都加上这个显然不合适，那么用js实现。 我这里获取该页的全部图片了，实际操作中只有用户上传的图片才会失效，网站本身的图片一般不会。所以图片dom的时候可以适当限制一下条件，节省...
怎样将网络图片转换为本地图片（URL.createObjectURL）
qingzhen的博客
10-11 1858
1.封装方法 // 将网络图片转换为本地图片，解决因跨域导致画布无法转换为图片问题 getImageInfo (path) { return new Promise((resolve, reject) => { axios .get(path, { responseType: 'blob' }) .then(res => { const blob = res.data c
apache中使用.htaccess文件缓存图片的配置方法
09-15
对于运行在Apache服务器上的博客或网站而言，通过编辑根目录下的`.htaccess`文件来激活并设置图片缓存功能是一种非常实用的方法。 #### 一、了解.htaccess文件 `.htaccess`文件是Apache服务器中的一个特殊文件，...
pc端微信图片解码.doc
07-12
在本文中，我们将深入探讨如何在PC端对微信中的DAT格式图片进行解码，并将其转换为常见的JPG格式。微信为了保护用户隐私，通常将图片数据存储为非标准的DAT格式，这使得直接查看这些图片变得困难。然而，通过一些...
文件编码导致jquery失效的解决方法
10-27
在本例中，把jquery所在文件的编码格式和网页的编码格式都改为UTF-8后，问题就得到了解决。这表明，无论是在开发过程中还是在后期维护中，都需要注意编码的一致性。需要强调的是，除了JavaScript文件，CSS文件、图片...
ueditor修改图片路径和在线图片路径 源码
06-12
当网站部署环境发生变化，如服务器迁移或二级域名调整，原有的图片路径可能失效，此时就需要对图片路径进行修改。 二、ueditor图片路径的修改 1. 配置文件修改：ueditor的配置主要在`config.js`文件中。找到`...
如何让网页上的失效图片，显示默认缺省图片
10-04 327
做网页图片展示的时候，当图片不存在时网页上的图片位置会显示一个红x，这看起来多不好啊。这时可以通过js来判断图片是否加载成功，如果未加载成功，则加载默认图片用以提示该图片不存在。那怎么做呢？其实这个方法很简单，就是“onerror”事件，当图片未加载成功时，就会触发该事件。触发该事件后，可以写个语句,让img标签创新加载默认图片来替换显示不了的图片。具体事例<img src="原图...
图片链接的SEO优化，和img说NO
水墨熊猫
03-08 1391
学习css设计，基础知识的熟练是一方面，不断的借鉴学习也是一方面。迅雷首页的Logo链接部分代码，既实现了图片链接的效果，又有利于SE的搜索，不失为一种好办法，这样换图片也不用改HTML代码了，直接修改CSS部分就OK： 迅雷在线 对应的CSS代码：.logo { FLOAT: left; MARGIN: 0px 10px 0px 2px; WIDTH: 120px; HEIG
网址失效，提示并链接到新网址
Mr_he_的博客
08-27 1万+
由于项目路径更改，需要做一个提示，显示新网址（超链接），在60s内未操作自动链接到新网址，记录一下实现方法。 写出了js方法，后期可根据具体样式要求进行修改。 Document 本网站已经永久迁移到新网址：https://www.baidu.com 60s后将自动跳转到新网址 ...
前端第二章：9.HTML如何在网页中添加图片（img标签使用方法，以及img标签属性：alt、height、width）；图片格式选择
热门推荐
要思考，要努力
04-26 2万+
一、img 标签简介 1.是自结束标签 2.用于向当前页面引入一个 外部图片 3.可以引入 gif 动图 4.img 是 替换元素，具有块元素和行内元素的某些特点 二、img标签基础 0.使用img标签将 图片 引入 网页！ 1.代码： <img src="图片的相对路径/绝对路径/网页链接"> 2.示例（图片链接）： 3.引用成功： 三、img标签 -> alt属性 1.作用： 1.1 对图片的描述，一般不会显示这个文本。如果图片加载失败，那么有些浏览器就会显示 alt 中的字样，
Fiddler 工具使用（七）——fiddler更换图片
广州测试的博客
12-07 3148
在进行页面调试测试的时候，想对页面上的图片进行更换，可以使用fiddler进行图片的更换 以下是使用百度进行测试 第一步：打开图片的页面，复制图片地址 第二步：选择AutoResponder——Add Ruler进行添加一个规则——输入刚刚百度的图片地址 第三步：选择规则最下面的一项，可以选择find a file选择你要更换的图片 第四步：保存好以后，可以去进行激活操...
软件著作权申请教程（超详细）（2024新版）软著申请
最新发布
m0_75269526的博客
09-09 1733
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
JS都有哪些操作数组的方法
ggq53219的博客
09-04 602
JavaScript 中操作数组的方法非常丰富，这些方法大致可以分为几类：创建和初始化数组、添加元素、删除元素、遍历数组、搜索元素、数组排序、数组映射和过滤等。
Module “console“ has been externalized for browser compatibility.
Alvin的博客
09-07 244
在 Vue 3.5.3 中使用 Vite 作为构建工具时，如果你尝试直接从。模块外部化了，这意味着它不会在客户端环境中暴露。去除导入 error 函数的代码。函数，会遇到一个错误，提示。这是因为 Vite 默认将。Vue 3.5.3 中。
基于JavaWeb开发的JavaSpringboot+Vue实现前后端分离房屋租赁系统
央顺科技官方博客
09-05 559
2021年处于信息科技高速发展的大背景之下。在今天，缺少手机和电脑几乎已经成为不可能的事情，人们生活中已经难以离开手机和电脑。针对增加的成本管理和操作,各大商家非常有必要建立自己的网上房屋租赁平台系统，这既可以让更多的人体验到网络所带来的方便，也有助于提高房屋的租赁。在经过几十年的高速发展后，互联网已成为最流行、最普及的媒体，每天的信息流量甚至能比得上过去十年。其以便捷的信息交换、快速的沟通速度，悄然地改变着会员的消费方式。
制作每周指定时间更新一次二维码图片的代码.并将之前二维码失效
05-30
好的，为了制作每周指定时间更新一次二维码图片的代码，并将之前的二维码失效，你可以使用以下 Python 代码： ``` import os import qrcode import time # 定义生成二维码的函数 def generate_qrcode(): qr = qrcode.QRCode(version=1, error_correction=qrcode.constants.ERROR_CORRECT_L, box_size=10, border=4) qr.add_data('https://www.example.com') qr.make(fit=True) img = qr.make_image(fill_color="black", back_color="white") img.save('qrcode.png') # 定义更新二维码的函数 def update_qrcode(): # 删除之前的二维码 if os.path.exists('qrcode.png'): os.remove('qrcode.png') # 生成新的二维码 generate_qrcode() print('二维码已更新：', time.strftime('%Y-%m-%d %H:%M:%S')) # 定义定时任务 scheduler = BlockingScheduler() scheduler.add_job(update_qrcode, 'cron', day_of_week='0', hour='0', minute='0') # 启动定时任务 scheduler.start() ``` 在这个示例中，生成二维码的函数 `generate_qrcode()` 和更新二维码的函数 `update_qrcode()` 与之前的示例相同。不同的是，在更新二维码的函数中，我们添加了删除之前二维码的代码： ``` if os.path.exists('qrcode.png'): os.remove('qrcode.png') ``` 这段代码会检查当前目录下是否存在名为 `qrcode.png` 的文件，如果存在则删除之前生成的二维码。接着，再调用 `generate_qrcode()` 函数生成新的二维码并保存。最后，输出更新时间并将之前的二维码失效。 你可以根据需要修改定时任务的执行时间和二维码的生成方式等参数，以满足你的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CRMEB定制开发

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值