src 相关问题

如何使用 React 中的 json 字段指向 src 图像标签以从本地目录渲染图像文件？

我有关于如何使用 src 渲染图像的非常具体的案例。情况是我有 Flask 应用程序返回 json 对象 { "文件路径": "0.jpg", “组”：“

如何使用getElementById动态添加脚本src？

对我宽容一些——我不会在 javascript 上花费很多时间。 ：D 我正在尝试编写一个脚本，该脚本将基于 URL 查询构建 JS 调用，但无法更新脚本 src。 例如，如果

“url”、“src”和“href”之间的区别[重复]

可能的重复： SRC 和 HREF 之间的区别 当编写 html/css 时，看起来这些都做了完全相同的事情。显然情况并非如此，如果您在应该的时候“href”...

gulp 5 src() 使图像格式不受支持

我的项目中有一些图像，我想使用 gulp 压缩它们 但首先我想将它们移动到 dist 文件夹，所以我做了这个简单的任务 函数测试(){ 返回 src("src/images/*&

在 Visual Studio Code 中，为什么 src/pages 链接在一起或出现在一起？ [重复]

我是 Visual Studio Code (VSC) 的新手，我正在学习 Gatsby 教程。每次我创建新目录时，VSC 都会链接或似乎将 src/pages 链接在一起。我希望页面成为子折叠...

动画（淡入）img src（如果加载）反应#noJQuery

加载 img src 时，我在 img 标签上显示灰色背景作为占位符。如果加载了 img src，那么我希望它淡入 img 中。是否可以制作像 IM 这样的动画？

不使用 JSON 对象作为参考在 React 上加载图像

这是我的问题 我有下面这个对象 Json： 常量图像数据 = [ { "imagepath": "./images/a.jpg", "title": "红色汽车", ”

Vue 3 Img 绑定

我正在使用 Vue 3，但在绑定我的 src url 时遇到问题。我有一个简单的静态 data.js 文件，其中包含一个对象数组，如下所示 数据： [ { 名称：“iPhone 15”， ...

如何更改 WordPress 帖子中的图像属性

Wordpress 帖子显示以下图像结果。 Wordpress 帖子显示以下图像结果。 <img class="large alignnone size-full wp-image-8" src="http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall.jpg" alt="" width="960" height="654" srcset="http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall.jpg 960w, http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall-300x204.jpg 300w, http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall-768x523.jpg 768w" sizes="(max-width: 960px) 100vw, 960px"> 如何更改这些输出如下？ 删除srcset 将 src 替换为 data-original 最终结果应具有属性：数据原始、类、宽度、高度。 需要 WordPress 查询。 请不要使用 jQuery。 WordPress 有一个内置的钩子来修改或更改图像 HTML wp_get_attachment_image_attributes。 这是代码： function wh_alter_attachment_image($attr) { if (isset($attr['srcset'])) unset($attr['srcset']); if (isset($attr['src'])) { $attr['data-original'] = $attr['src']; unset($attr['src']); } return $attr; } add_filter('wp_get_attachment_image_attributes', 'wh_alter_attachment_image'); 代码位于活动子主题（或主题）的 functions.php 文件中。或者也可以在任何插件 php 文件中。 代码经过测试并且可以运行。 希望这有帮助！ // Função para adicionar atributos de imagem automaticamente a partir do nome do arquivo de imagem function abl_mc_auto_image_attributes($post_ID) { // Verifica se o post é um attachment if (get_post_type($post_ID) !== 'attachment') { return; } // Pega o post do attachment $attachment = get_post($post_ID); // Pega o título do attachment e faz alterações necessárias $attachment_title = $attachment->post_title; $attachment_title = str_replace('-', ' ', $attachment_title); // Remoção de hífen $attachment_title = ucfirst($attachment_title); // Capitaliza a primeira letra da primeira palavra // Cria o array com os novos dados do attachment $uploaded_image = array( 'ID' => $post_ID, 'post_title' => $attachment_title, // Título da imagem //'post_excerpt' => $attachment_title, // Legenda da imagem //'post_content' => $attachment_title // Descrição da imagem ); // Remove o action para evitar loop infinito remove_action('add_attachment', 'abl_mc_auto_image_attributes'); // Atualiza o post do attachment wp_update_post($uploaded_image); // Atualiza o texto alternativo da imagem update_post_meta($post_ID, '_wp_attachment_image_alt', $attachment_title); // Adiciona o action novamente add_action('add_attachment', 'abl_mc_auto_image_attributes'); } add_action('add_attachment', 'abl_mc_auto_image_attributes');

尝试匹配 HTML 的 src 部分<img>标签正则表达式

我已经从 HTML 文件中分离出一堆字符串，示例： 我已经从 HTML 文件中分离出一堆字符串，示例： <img alt="" src="//i.imgur.com/tApg8ebb.jpg" title="Some manly skills for you guys&lt;p&gt;&lt;span class='points-q7Vdm'&gt;18,736&lt;/span&gt;&nbsp;&lt;span class='points-text-q7Vdm'&gt;points&lt;/span&gt; : 316,091 views&lt;/p&gt;"> <img src="//i.imgur.com/SwmwL4Gb.jpg" width="48" height="48"> <img src="//s.imgur.com/images/blog_rss.png"> 我正在尝试创建一个正则表达式，它将抓取 img 标签的 src="URL" 部分，以便我稍后可以根据其他一些条件替换它。 引号的许多实例给我带来了最大的问题，我对正则表达式还比较陌生，所以很多技巧超出了我的知识范围， 提前致谢 为此使用 DOM 或其他解析器，不要尝试使用正则表达式解析 HTML。 示例： $html = <<<DATA <img alt="" src="//i.imgur.com/tApg8ebb.jpg" title="Some manly skills for you guys&lt;p&gt;&lt;span class='points-q7Vdm'&gt;18,736&lt;/span&gt;&nbsp;&lt;span class='points-text-q7Vdm'&gt;points&lt;/span&gt; : 316,091 views&lt;/p&gt;"> <img src="//i.imgur.com/SwmwL4Gb.jpg" width="48" height="48"> <img src="//s.imgur.com/images/blog_rss.png"> DATA; $doc = new DOMDocument(); $doc->loadHTML($html); // load the html $xpath = new DOMXPath($doc); $imgs = $xpath->query('//img'); foreach ($imgs as $img) { echo $img->getAttribute('src') . "\n"; } 输出 //i.imgur.com/tApg8ebb.jpg //i.imgur.com/SwmwL4Gb.jpg //s.imgur.com/images/blog_rss.png 如果您希望将结果存储在数组中，您可以这样做.. foreach ($imgs as $img) { $sources[] = $img->getAttribute('src'); } print_r($sources); 输出 Array ( [0] => //i.imgur.com/tApg8ebb.jpg [1] => //i.imgur.com/SwmwL4Gb.jpg [2] => //s.imgur.com/images/blog_rss.png ) $pattern = '/<img.+src="([\w/\._\-]+)"/'; 我不确定您使用的是哪种语言，因此引用语法会有所不同。

获取引用不一致的<img>标签的src值

我需要一个聪明的正则表达式来匹配......这些： 我需要一个聪明的正则表达式来匹配这些中的...： <img src="..." <img src='...' <img src=... 我想匹配 src 的内部内容，但是 only 如果它被 ", ' 包围或没有。这意味着 <img src=..." 或 <img src='... 不能被接受。 有什么想法可以用一个正则表达式来匹配这 3 种情况。 到目前为止，我使用类似这样的东西("|'|[\s\S])(.*?)\1，我想要放松的部分是老套的[\S\s]，我用它来匹配...开头和结尾的“缺失符号”。 哇，我今天回答的第二个。 不要使用正则表达式解析 HTML。使用 HTML/XML 解析器，您的生活将会变得更加轻松。 Tidy 将为您清理 HTML 代码，因此您可以先通过 Tidy 运行 HTML，然后通过解析器运行 HTML。一些基于 tidy 的库除了清理之外还会执行解析，因此您甚至可能不需要通过另一个解析器运行它。 例如，Java 有 JTidy，PHP 有 PHP Tidy。 更新 根据我更好的判断，我给你这个： /<img\s+src\s*=\s*(["'][^"']+["']|[^>]+)>/ 这只适用于您的具体情况。即便如此，它也不会考虑图像源名称中转义的 " 或 ' 或 > 字符。可能还有很多其他限制。捕获组为您提供图像名称（如果名称用单引号或双引号引起来，它也会为您提供这些名称，但您可以将它们删除）。 根据您用来解决此问题的脚本或编程语言，可以使用多个正则表达式或仅使用一个检查组的正则表达式来完成。 <img[^s]+src=("(.+)"|'(.+)'|(.+))[^/<]+(/>|</img>) 如果您想要的只是图像 src 属性，则无需 有 使用解析器进行解析。事实上，如果您想要其他属性，只需使用不同的正则表达式即可。您将遇到图像标签多次匹配的问题，但在这种情况下，只需匹配图像标签，并为每个标签执行您想要的正则表达式。

从所有<img>标签中获取包含特定关键字的src值

我正在尝试匹配 src="URL" 标签，如下所示： src =“http://3.bp.blogspot.com/-ulEY6FtwbtU/Twye18FlT4I/AAAAAAAAAEE/CHuAAgfQU2Q/s320/DSC_0045.JPG” 基本上，任何有某种程度的东西......

查找具有特定样式声明的 <video> 标签，然后返回其子 <source> 标签的 src 值

我目前正在使用PHP的curl请求从URL中获取内容。获取内容后，我需要检查给定的 HTML 块，找到具有给定样式属性的“视频”并提取...

获取 HTML 文档中第一个出现的 img 标签的 src 值

在此示例中我想将 SRC 属性放入变量中： 例如 - 我想要一个

将 src 属性值从相对 URL 替换为绝对 URL

这是一个简单的 preg_replace() 调用： $string = 'src="index.php'; $string = preg_replace("/(src=('|\")+[^(http:|https:)])/i", "src=\"http://example.com/", $string) ...

替换HTML文档中所有<img>标签的src属性值

我有以下代码（php），它将匹配img-src并替换为新的url $rep = array('/', '+', '(', ')'); $with = array('\/', '\+', '\(', '\)'); $match_pattern = '/ 我有以下代码（php），它将匹配img-src并替换为新的url $rep = array('/', '+', '(', ')'); $with = array('\/', '\+', '\(', '\)'); $match_pattern = '/<img[^<]*src\s*=\s*\"'.str_replace($rep, $with, $source_url).'\"[^>]*>/iUu'; $img_replace_str = '<img src="'.$new_url.'" />'; $post_content = preg_replace($match_pattern, $img_replace_str, $post_content); 对于具有 src 为 http://www.example.com/a.jpg 的图像，没有问题，但对于具有 src 且包含像 http://www.example.com/b.jpg?height=900 这样的查询字符串的图像，则不匹配。 我想匹配带有和不带有查询字符串的图像标签。 您可以使用 PHP 的 preg_quote()-function 代替 str_replace()。它会自动转义所有正则表达式特殊字符（请参阅文档）。这应该可以解决问题，因为您的 str_replace() 解决方案没有转义 ?，这是正则表达式中的特殊字符： $match_pattern = '/<img[^<]*src\s*=\s*\"'.preg_quote($source_url, '/').'\"[^>]*>/iUu'; 使用合法的 DOM 解析器轻松直观地替换包含任何方式属性的 src 标签的 <img> 属性值。 XPath 非常直接地只针对 src 标签的 <img> 属性。 代码：（演示） $html = <<<HTML <div> Here is an img tag with no qs <img src="http://www.example.com/a.jpg">, an img with no src <img title="to be determined">, and here is another with a qs <img src="http://www.example.com/b.jpg?height=900">. Here is a <iframe src="http://www.example.com/c.jpg?foo=bar"></iframe> and a submit button <input type="image" src="http://www.example.com/d.jpg?boo=far&what=now" alt="Submit"> </div> HTML; $newUrl = 'https://www.example.com/new.jpg'; $dom = new DOMDocument(); libxml_use_internal_errors(true); $dom->loadHTML($html, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD); $xpath = new DOMXPath($dom); foreach ($xpath->query("//img/@src") as $src) { $src->value = $newUrl; } echo $dom->saveHTML(); 输出（两次合格替换后）： <div> Here is an img tag with no qs <img src="https://www.example.com/new.jpg">, an img with no src <img title="to be determined">, and here is another with a qs <img src="https://www.example.com/new.jpg">. Here is a <iframe src="http://www.example.com/c.jpg?foo=bar"></iframe> and a submit button <input type="image" src="http://www.example.com/d.jpg?boo=far&amp;what=now" alt="Submit"> </div>

HTML 中网站图片和域名图片的区别

我目前正在学习 HTML，作为一个完全的初学者，我不理解元素的 src 属性。我知道我应该使用相对 url（链接到

从可能包含无效 HTML 的字符串中提取 <img> src 值

我在 PHP 中有一个如下所示的变量。 $content = 'abc def end'; 我必须使用正则表达式删除除 img 标签的 src 之外的所有内容

为什么 !!window.frameElement 返回 false，即使 ui 显示嵌入在 Angular 中的 iframe？

我正在尝试将 ifarme 嵌入到我的角度应用程序中。 iframe 成功嵌入后我有一些场景要做，但我得到的结果是 !!window.frameElement false 我很期待...

无法显示超过65 MB的base64 png

我正在执行 JAX-RS axios GET 并尝试显示后端在 REACT 中返回的 base64 字符串（长度 87394260）。 对于较小的 png，src 行按预期工作，但是当我尝试显示时