当一个原图不显示后，如何自动替换？

最新推荐文章于 2025-08-18 09:11:43 发布
原创 最新推荐文章于 2025-08-18 09:11:43 发布 · 590 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在HTML中使用onerror属性来指定当<img>元素的src属性无法加载图片时显示的默认图片，避免显示默认的错误标识。

html中的<img>的src属性取一张图片,如果取不到这张图片则默认显示另一张,怎么做?

如果src的值取不到图片的话,显示的就是一个红X,有没有办法,把红X替换成一个其他的图片呢?

答案

src="userpic/<%=ciResult[i][22]%>"onerror="this.src='userpic/anonymity_pic.gif'[微软用户1] "[微软用户2] 

加上一个onerror属性吧，，然后里面的地址就是你想替换的图片地址..

 

 [微软用户1]这里还有一个’号

 [微软用户2]主要是在src属性里加上这句话就OK了

＜PhotoShop＞＜JavaScript＞＜脚本＞基于JavaScript，利用脚本实现PS软件批量替换图片，并转换为智能对象？
用沸腾的热血，支付我们的人生吧！
08-04 1128
本文介绍了如何使用JavaScript脚本在PhotoShop 2022中实现自动导入文件夹、替换图片并转换为智能对象的功能。通过脚本模拟菜单操作，自动识别PSD文档中的图层组和智能对象，按名称或索引方式替换图片。核心功能通过executeAction指令实现图片替换，包括打开智能对象、替换内容、保存文档等步骤。文章提供了环境配置、脚本加载方法和代码示例，并附有演示视频，展示了如何批量替换图片。需要注意的是，不同PS版本可能存在脚本兼容性问题。
图像Resize以后对应点的坐标变换
凌空的桨
01-02 1万+
已知原图尺寸和缩放后的尺寸，在原图中的坐标经过Resize后，坐标变为： 在python中，可以这样定义 def resize_pos(x1,y1,src_size,tar_size): w1=src_size[0] h1=src_size[1] w2=tar_size[0] h2=tar_size[1] y2=(h2/h1)*y1 ...
HTML img图片无法显示或出错，用另一张图片替换(img onerro属性)
kooky博客
05-29 4万+
经过分析，发现网页中存在类似如下的代码： 分析：特别注意 onerror，当图片不存在时，将触发 onerror，而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif，图片不存在将显示 noPic.gif。但问题来了，如果 noPic.gif 也不存在，则继续触发 onerror，导致循环，故出现错误。 说明：如果图片存在，但网络很
原生 JS 实现一个简单轮播图
qq_35727582的博客
09-08 3830
原生 JS 实现一个简单轮播图详解，附代码和效果图展示
踩坑日记--poi操作word替换图片显示问题
zyp112的专栏
07-02 3969
说明 最近遇到一个比较坑的问题，就是使用poi操作word文档，通过替换书签的方式替换成图片时，图片在word中显示正常，但是通过libreoffice转成pdf时显示不全。经过测试发现，图片插入到word中默认是嵌入型，导致最终转成pdf后的显示问题。因此，对应修改图片的替换方法即可。相关代码如下： 原实现方法 public void createPicture(String bl...
秀米svg点击显示另一张图_这个svg也太好玩了吧，居然可以自动展开全文！
weixin_33974017的博客
02-12 1万+
原标题：这个svg也太好玩了吧，居然可以自动展开全文！胖友们大家好呀，我是三儿三儿发现，胖友们都比较喜欢自动变换和展开样式的svg。自动变换能够省掉点击步骤，展开svg可以将 隐藏的内容展开，两个样式都能给阅读者不一样的视觉体验。so！技术小哥哥通过不断打磨，将这两种形式完美结合在一起了！各位胖友先来看看是什么效果吧↓ 怎么样，是不是有点意思？如何操作？还有哪些玩法吗？不要犹豫，继续看下去，三儿教...
WPS中流程图画好后，进行第二次修改，原文档中流程图不更新（已解决）
weixin_46322789的博客
12-31 4116
WPS中流程图画好后，进行第二次修改，原文档中流程图不更新
Python小游戏实战：实现拼图小游戏（图片分割与拖拽交换逻辑）
热门推荐
优快云博客专家，系统架构师，有合作、疑惑请私信博主。
08-18 17万+
本文是一篇Python拼图小游戏实现教程，介绍了用Python开发拼图游戏的全过程。先说明开发环境准备，需安装Pillow库，推荐PyCharm或VS Code工具。接着讲解项目架构，包含图片处理、界面展示等模块。重点阐述图片分割、界面搭建、拖拽交换、拼图打乱与完成判断等核心功能的实现思路和代码。还给出功能扩展建议，最后总结通过该项目可掌握的技能，适合Python初学者作为实战练习。
什么是人工智能自动编程？它只是一个噱头吗？
阿里云开发者
08-19 1万+
简介：一个普通的开发者是否已经有了一些有用的工具，这些工具使用人工智能技术提高了他的生产力？作者 | 梧忌毫无疑问，人工智能将改变软件开发的方式 —— 我们已经看到了一些尝试将人工智能应用到软件开发所带来的好处，例如“程序代码自动生成”：根据图像生成代码、通过数据模型生成代码……今天我感兴趣的是，一个普通的开发者是否已经有了一些有用的工具，这些工具使用人工智能技术提高了他的生产力。我将目光放到了常见的编程领域，搜索了一些称之为「智能编程」的工具，并尝试在它们的帮助下完成一个简单的实验：编写一个具有输入框和内
HTML img src图片路径不存在，则显示一张默认图片的方法
阅读之后，对你有帮助，那就点个赞再走吧
05-25 6942
我们一般会给图片设置alt属性，当图片路径不存在时可以显示提示文字。 <imgsrc=""alt="图片加载失败"> 如图所示： 但是这样很不好看，如果用在文章列表，我们可以给 img 标签设置一个onerror属性，可以在src路径不存在时显示指定的默认图片。 测试一下，我没有给src设置图片链接，代码如下： <imgsrc=""onerror="this.src='img/error.png'"/> 很明显，我们可以看出，当src属...
jQuery鼠标悬停自动替换大图.zip
11-22
"jQuery鼠标悬停自动替换大图"是一个常见的网页效果，常用于产品展示或图像画廊，当用户将鼠标指针悬停在小图上时，大图会自动替换为相应的高分辨率图片。这个效果结合了HTML、CSS和jQuery技术，下面我们将详细讨论...
dede图片替换工具
10-14
在使用"dede图片替换工具"之前，有一个关键步骤是预览原图。预览功能让你在上传新图片之前查看旧图，确保你知道要替换的是哪张图片，防止错误替换。同时，这也是一种质量检查，可以确认原图的尺寸、位置以及在页面上...
自动替换cad缺失字体
09-30
在CAD（计算机辅助设计）领域，用户经常遇到一个棘手的问题——打开图纸时发现某些文字显示为方框或问号，这是因为CAD文件中引用的字体在本地计算机上不存在。为了解决这一问题，我们需要理解“自动替换CAD缺失字体...
【PDF处理工具】基于命令行的PDF页面替换工具：支持JPG/PNG图片插入指定页码并生成新文件
10-08
工具会自动匹配原PDF页面的尺寸，确保图片全屏显示，同时保留原文件不受影响。使用方式为通过命令行（CMD或PowerShell）输入执行命令，包含四个必要参数：原PDF路径、图片路径、目标页码（从1开始）、输出PDF路径。...
LabVIEW图像分割算法（基础篇—6）
不脱发的程序猿
06-17 6万+
图像分割是简化机器视觉算法的有效手段之一。它将图像分成一些有意义的区域，以便特征提取过程可基于这些区域提取目标的特征。
ASP中如何延长session过期时间
cnso2的专栏
12-19 3132
session.TimeOut=分钟数，记住，是分钟数放在你创建session的页面里，如果有conn.asp 那就放在这里吧，没有问题
用asp条调语句if　then else end if　来定义文本框的值类，色彩，大小等
cnso2的专栏
03-08 3023
=3 then %>>class="text_160_hong"class="text_160" value=  /> 解读： 一、=3 then class="text_160_hong" 当记录集的"drama_hits"大于等于３时class定义为text_160_hong 二、class="text_160" 否则class="text_160" "应该是if the
删除access中的记录，为何文件大小不变
cnso2的专栏
02-03 3001
删除access中的记录，为何文件大小不变 菜单栏→工具→数据库实用工具→压缩和修复数据库 Access数据库当你删除记录后，空间并没有释放，采用以上方法才会释放磁盘空间。 在使用以上方法时必选保证磁盘还有足够的空间（只要大于你数据库体积的剩余空间就可以了） ―――――――――――――――――――――――――――――
使用python自动查找路径，实现一次替换多个图片和文本
最新发布
11-04
<think>我们面临的任务是：使用Python自动查找剪映草稿路径，并在找到的路径中一次替换多个图片和文本。 根据上一次的回答，我们已经知道如何自动查找剪映草稿路径（通过函数find_jianyin_drafts）。现在需要在此基础上，实现对草稿文件夹中多个图片和文本的批量替换。 剪映草稿文件夹的结构（以Windows为例）： - 草稿文件夹（以.draft结尾的文件夹）中包含多个子文件夹，其中媒体文件（图片、视频等）通常存储在`draft_media`文件夹中，而文本信息（如字幕）则存储在项目文件（通常是一个JSON文件）中。 因此，我们需要完成两个主要步骤： 1. 查找草稿路径（已经解决） 2. 在草稿路径中： a. 替换多个图片：将指定的一组旧图片文件替换为新图片文件（注意：图片文件名可能被剪映重命名，因此不能简单按原名替换。但根据经验，草稿中的媒体文件会保留原始文件名的一部分，我们可以通过文件名的匹配来替换） b. 替换多个文本：在草稿的项目文件（通常是`.draft`文件下的`.json`文件）中替换指定的字符串（例如字幕内容、标题等）。 然而，需要注意的是： - 替换图片：由于剪映可能会对导入的图片进行重命名（例如添加前缀或后缀），我们不能直接按原文件名查找。但如果我们知道原图片的文件名，可以尝试在媒体文件夹中查找包含原文件名的文件（因为剪映重命名后仍然会保留原文件名的一部分）。 - 替换文本：剪映的草稿项目文件是一个复杂的JSON结构，我们需要解析JSON，然后在相应的文本字段进行替换。 但根据用户提供的引用，我们有两种替换方式： 1. 对于文本文件（如JSON），我们可以采用字符串替换（引用[1]）或者正则表达式替换（引用[2]）。 2. 对于图片文件，我们需要用新的图片文件替换旧的图片文件（注意：文件名必须保持一致，否则剪映无法识别）。 然而，由于剪映重命名了图片，我们无法直接知道新文件名。因此，我们需要一个映射关系：即用户提供一组旧图片路径（或旧图片文件名），然后我们根据这些旧图片的文件名（不带路径）在媒体文件夹中查找对应的文件（可能是部分匹配），然后用新的图片文件替换它（同时保持文件名不变）。 因此，我们设计以下步骤： 步骤1：自动查找剪映草稿路径（使用之前编写的函数，稍作调整以确保能找到最新的草稿或指定草稿） 步骤2：定义替换规则 - 文本替换规则：一个字典，键为要替换的旧文本，值为新文本。 - 图片替换规则：一个字典，键为旧图片的文件名（或路径），值为新图片的路径。注意：在草稿中，我们只关心文件名（不含路径）的部分，因为媒体文件被复制到草稿媒体文件夹时，会重命名。 步骤3：执行图片替换 - 遍历草稿媒体文件夹（通常为`draft_media`），对于图片替换规则中的每个旧图片文件名（例如`old.jpg`），在媒体文件夹中查找文件名包含`old`的文件（因为剪映重命名可能是`123_old.jpg`或`old_123.jpg`）。注意：这里可能有多个匹配，需要用户指定更精确的匹配方式，或者我们可以要求用户提供旧图片在草稿中的确切名称（但通常用户不知道）。因此，我们可以采用部分匹配（即只要旧图片文件名是草稿中媒体文件名的一部分，就认为是同一个文件）。 - 找到后，用新图片替换该文件（注意：保留原来的文件名，只是覆盖内容）。 步骤4：执行文本替换 - 在草稿文件夹中找到项目文件（通常是一个JSON文件，文件名可能是`draft_content.json`或`draft.json`，不同版本可能不同）。我们可以通过文件扩展名`.json`和文件大小（通常较大）来定位。 - 读取该文件，然后对文本替换规则中的每一个旧文本，用新文本替换（使用字符串替换或正则表达式替换，但要注意不要破坏JSON结构）。由于我们替换的是文本内容（如字幕），而这些内容在JSON中是以字符串值存在的，所以直接替换字符串是可行的，但要注意避免替换到其他无关的部分（例如，旧文本恰好是某个URL的一部分）。为了安全，我们可以解析JSON，然后遍历所有字符串值进行替换，但这样比较复杂。如果用户能确保替换的字符串是唯一的（例如特定的字幕内容），那么直接全文件替换也可以。 步骤5：保存修改并备份（可选） 考虑到剪映草稿的重要性，我们在修改前应该备份整个草稿文件夹。 下面给出代码框架： 1. 查找草稿路径（使用之前编写的函数，稍作修改以确保返回的是具体的草稿文件夹） 2. 定义替换规则（文本替换规则和图片替换规则） 3. 备份草稿（可选） 4. 替换图片 5. 替换文本 注意：由于剪映草稿结构可能更新，以下代码可能需要调整。 具体实现如下： </think># Python实现剪映草稿自动替换图片与文本的方案 ## 核心解决方案 根据需求，我将提供一个Python脚本，实现自动查找剪映草稿路径并替换多个图片和文本的功能。脚本结合了路径查找、文件替换和正则替换技术。 ```python import os import platform import re import shutil import json from pathlib import Path def find_jianyin_drafts(): """自动定位剪映草稿文件夹路径""" system = platform.system() if system == "Windows": appdata = os.getenv('LOCALAPPDATA') path = os.path.join(appdata, "JianyingPro", "User Data", "Projects", "com.lveditor.draft") elif system == "Darwin": home = os.path.expanduser("~") path = os.path.join(home, "Movies", "JianyingPro Drafts") else: return None return path if os.path.exists(path) else None def replace_media_and_text(draft_path, media_replacements, text_replacements): """ 替换草稿中的媒体文件和文本内容 :param draft_path: 草稿文件夹路径 :param media_replacements: 媒体替换规则字典 {旧文件名: 新文件路径} :param text_replacements: 文本替换规则字典 {旧文本: 新文本} """ if not draft_path or not os.path.exists(draft_path): print("错误：未找到剪映草稿文件夹") return False # 1. 处理媒体文件替换 media_folder = os.path.join(draft_path, "draft_media") if os.path.exists(media_folder): for filename, new_path in media_replacements.items(): target_path = os.path.join(media_folder, filename) if os.path.exists(target_path): shutil.copy2(new_path, target_path) print(f"✅ 已替换媒体文件：{filename}") # 2. 处理文本内容替换（在项目文件中） json_files = [f for f in os.listdir(draft_path) if f.endswith('.json') and 'draft_content' in f.lower()] for json_file in json_files: json_path = os.path.join(draft_path, json_file) # 创建临时文件进行安全替换 temp_path = json_path + '.tmp' with open(json_path, 'r', encoding='utf-8') as f_in, \ open(temp_path, 'w', encoding='utf-8') as f_out: content = f_in.read() # 执行所有文本替换 for old_text, new_text in text_replacements.items(): # 使用正则表达式确保精确替换 pattern = re.escape(old_text) # 转义特殊字符 content = re.sub(pattern, new_text, content) f_out.write(content) # 原子操作替换文件 os.replace(temp_path, json_path) print(f"✅ 已更新项目文件：{json_file}") return True if __name__ == "__main__": # 示例使用 # 1. 自动查找草稿路径 draft_path = find_jianyin_drafts() print(f"找到剪映草稿路径: {draft_path}") # 2. 定义替换规则 media_replacements = { "background.jpg": "D:/new_images/new_background.jpg", "logo.png": "D:/new_images/company_logo.png" } text_replacements = { "版权所有 © 2023": "版权所有 © 2024", "公司名称": "新科技有限公司", "product_v1": "product_v2" } # 3. 执行替换 if draft_path: success = replace_media_and_text(draft_path, media_replacements, text_replacements) if success: print("🎉 所有替换操作完成！请重启剪映查看效果") else: print("❌ 替换过程中出现问题") else: print("❌ 未找到剪映草稿文件夹，请检查剪映是否已安装") ``` ## 关键功能说明 ### 1. 路径查找算法 - 使用`find_jianyin_drafts()`自动定位剪映草稿文件夹 - 支持Windows和macOS系统 - 基于系统环境变量定位路径，确保准确性 ### 2. 媒体文件替换 - 自动定位草稿中的`draft_media`文件夹 - 支持批量替换多个图片文件 - 保留原始文件名，仅替换内容 ### 3. 文本内容替换 - 使用正则表达式进行精确文本替换 - 采用临时文件安全替换机制避免数据损坏 - 支持批量替换多个文本内容 - 针对剪映项目文件(.json)进行修改 ## 使用说明 1. **设置替换规则**： - `media_replacements`: 字典格式，键为草稿中的文件名，值为新文件的完整路径 - `text_replacements`: 字典格式，键为旧文本，值为新文本 2. **执行脚本**： ```bash python capcut_draft_replace.py ``` 3. **注意事项**： - 操作前建议备份草稿文件夹 - 替换完成后需重启剪映才能看到效果 - 确保新图片的分辨率和格式与原文件一致 - 文本替换使用精确匹配，注意空格和标点符号 ## 技术原理 1. **正则表达式替换**： 使用`re.sub()`函数确保精确替换，避免误替换相似内容： $$ \text{re.sub}(pattern, replacement, string) $$ 其中`pattern`通过`re.escape()`进行转义，确保特殊字符被正确处理。 2. **原子文件操作**： 采用临时文件替换机制，确保操作失败时原文件不受影响： ```python with open(in_file) as f_in, open(temp_file) as f_out: # 处理内容 os.replace(temp_file, in_file) # 原子替换 ``` 3. **路径解析**： 使用平台相关方法定位草稿文件夹： $$ \text{Windows路径} = \text{\%LOCALAPPDATA\%}\setminus\text{JianyingPro}\setminus\cdots $$ ## 相关优化建议 1. **扩展为批量处理多个草稿**： ```python def batch_process_drafts(root_folder): for draft in Path(root_folder).glob("*.draft"): replace_media_and_text(draft, ...) ``` 2. **添加图像哈希匹配**： 当文件名被剪映修改时，可使用图像相似度算法匹配： ```python from imagehash import average_hash def find_similar_image(target_hash, folder): for img in Path(folder).glob("*.jpg"): img_hash = average_hash(Image.open(img)) if target_hash - img_hash < 5: # 相似度阈值 return img ``` 3. **集成到剪映自动化工作流**： ```python import subprocess def open_jianying_after_replace(): subprocess.run(["open", "/Applications/JianyingPro.app"]) # macOS # 或 Windows: os.startfile("capcut.exe") ``` ## 常见问题解决 1. **找不到草稿文件夹**： - 检查剪映设置中的草稿位置 - 确保显示隐藏文件(Windows) - 手动指定路径：`draft_path = "D:/custom/path"` 2. **文本替换未生效**： - 确认草稿文件是否包含目标文本 - 检查是否有特殊字符需要转义 - 尝试更精确的正则表达式 3. **图片替换后显示异常**： - 确保新图片尺寸和格式与原图一致 - 检查剪映是否缓存了旧图片(重启剪映) - 验证文件权限是否足够
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值