SRC是HTML中的常用属性，用于标识与元素相关的资源的位置。
ModuleNotFoundError：Jyputer 笔记本中没有名为“src”的模块
我的 GitHub 存储库（我克隆的）中有以下结构： 源代码 __init__.py |-- 数据操作 |-- __init__.py |-- 处理.py 预处理.py 自述文件.md ws-notebook.i...
react+typescript+vite中无法获取图片数据
我有一个vite+react+typescript项目 使用地图渲染项目列表时 string类型数据没有任何问题 但我对本地的 img 源有问题 显示错误： 键入...
我有以下 html 代码，当我在浏览器中拉出它时，图像要么不显示，要么显示损坏的图像： 我有以下 html 代码，当我在浏览器中将其拉出时，图像要么不显示，要么显示损坏的图像： <!DOCTYPE html> <html> <head> <title>Lets Play Battleship</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1> Battleship <p><img src="battleship-game-board.jpg" width = "120" height = "90"/></p> </h1> <p><a href="http://www.freeonlinegames.com/game/battleships"> Click Here to Play Battleship</a></p> </body> </html> 要使图像正常工作，您可以使用： 绝对路径： <img src="http://www.domain.com/MyImages/battleship-game-board.jpg"/> 或 相对路径： <img src="../MyImages/battleship-game-board.jpg"/> 如果图像存在于同一文件夹中，并且 html 文件存在，那么您可以使用： <img src="battleship-game-board.jpg" width = "120" height = "90"/> 更多详情这里 注意：在所有情况下，图像都必须存在于给定路径中。 这是由于以下原因。 1>战舰-game-board.jpg 不在同一文件的同一目录下。 2>battleship-game-board.jpg 不包含有效权限。如果您使用的是 Linux，则必须对 Battleship-game-board.jpg 图像指定 755 权限。 你可以使用 chmod 755 战舰游戏板.jpg <img src="battleship-game-board.jpg" width = "120" height = "90"/>. src=""中的内容应该是路径，而不是图片的标题。这意味着您应该输入battleship-game-board.jpg的路径，而不是图像名称。 迁移网站后，我一直在寻找同样的问题，几天来图像没有显示，有数千张图像，我知道这些图像存在。如果我尝试直接连接到图像，则会收到 403 错误消息。我在另一个论坛上发现了一篇关于热链接保护的帖子。我更改了该网站的域，并且为图像文件（.jpg、.gif、.png）启用了热链接。我正在通过 cPanel 在共享服务器上工作，当我检查允许的推荐人列表时 在cPanel中，新域不在列表中。没有明显的方法可以将域添加到列表中，但我发现如果禁用保护然后重新启用它，新域将出现在列表中。完成后，所有图像都会显示。
Wordpress 的一些 img src 被替换为 `data:image/svg+xml...`
我在我的网站主题之一中创建了一个自定义页面模板。 一些 img src 正确渲染，但有些被替换为 data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/200...
我下载了google的css文件来使用他可爱的图标 我想把它们全部下载到本地，这样就可以在没有网络的情况下使用，但是路径格式可能不对 原点的路径...
如何使用 PHP 从 WordPress 大小的图像获取全尺寸图像 url
看到类似的问题后，从wordpress帖子中获取所有图像并获取附加到任何帖子的所有图像 我想出了两个代码。问题是使用 wp_get_attachment_image_u...
我正在开发一个MVC（V5.2.7.0）、vue项目（我是一个vue新手）。其中一个页面显示产品图像列表。当点击图像芯片时，它会改变相应的大图像。我不...
如何修复未加载的 .js 脚本（违反 default-src 'self'）？
我目前在尝试设置我的 CSP 策略以允许受限服务器上的功能时遇到问题。 我最初有 3 个问题，后来修复了其中两个。 具体是...
来自 png 文件的 IMG 源根据从 API 接收到的字符串进行插值更改
我正在创建一个 bulbapedia 克隆作为一个副项目。 我正在尝试让结果页面显示口袋妖怪输入的按钮。因此，我将每个按钮类型保存为 assets/
使用内联脚本，如何使我的外部 .js 文件与我的 HTML 文件一起正常工作？
我目前正在使用 ipfs 和 Pinata 等固定服务的网站上工作。 我的最后一个构建在本地或通过公共网关交付时完美无缺。 当试图固定我的最后一个 b...
Bootstrap video Modal 不会自动播放，即使退出也会继续播放
我有一个出现的引导模式，我希望它在弹出窗口出现后自动播放。现在你必须点击播放按钮才能播放。另外，当我关闭模态时，视频继续......
我刚刚开始探索 javascript。我写了一个简单的代码来尝试一下，但它不会运行。当我将代码直接放在我的 HTML 文件中时，它工作正常。但是当链接到它时，没有...
NUXT3 VUE3：如何将本地 img src 路径传递给 nuxt 项目中的 vue 组件
我正在将存储在 ~/assets/img 文件夹中的本地图像的 url 传递给 Vue3 组件，但我无法以任何方式呈现它们。 这行得通 我正在将存储在~/assets/img文件夹中的本地图像的url传递给Vue3组件，但我无法以任何方式呈现它们。 这个作品 <img src="~/assets/img/tds_logo.png" /> 但这行不通 <img :src="require(`~/assets/img/` + fileName)" /> 最后一个文字 fileName 是我传递给 Vue 组件以呈现 img 的东西，我已经检查过它等于 tds_logo.png 在我的例子中。 相反，我收到此错误： [nitro] [dev] [unhandledRejection] Error: Cannot find module '~/assets/img/tds_logo.png' 有人知道我做错了什么吗？ 按照这个https://nuxtjs.org/docs/directory-structure/assets/我不需要配置任何东西，对吧？ Vite 没有像 webpack 那样内置require，只有导入。 在 Nuxt3 / Vue3 中 为组件写一个方法如下： props: ['imagename'], methods: { getImageUrl(imagename) { const imageUrl = new URL(`/assets/img/${imagename}`, import.meta.url).href return imageUrl; } } 然后在模板中使用这个方法： <img :src="getImageUrl(imagename)" />
插件：vite：导入分析无法从 src 文件夹解析导入“store/hooks”
在 cypress12.3 中尝试运行 cypress 组件测试时，在运行器上出现此错误。 [plugin:vite:import-analysis] 无法从“sr”解析导入“store/hooks”
在输入标签上使用此脚本，但它会在输入字母后稍微删除输入的文本
函数格式电话号码（值）{ 如果（！值）返回值； const phoneNumber = value.replace(/[^\d]/g, ''); const phoneNumberLength = phoneNumber.length; 如果（
我正在尝试使用这种方法在列中并排显示一些图像： ...
我正在使用 Vue 生成动态图片组件，结果如下代码 我正在使用 Vue 生成动态图片组件，结果如下代码 <picture style="display: contents;"> <source type="image/avif" sizes="700px" srcset="https://urlStorage/IRememberWater/paris-256.avif 256W, https://urlStorage/IRememberWater/paris-512.avif 512W, https://urlStorage/IRememberWater/paris-768.avif 768W, https://urlStorage/IRememberWater/paris-1024.avif 1024W, https://urlStorage/IRememberWater/paris-1280.avif 1280W, https://urlStorage/IRememberWater/paris-2160.avif 2160W"> <source type="image/webp" sizes="700px" srcset="https://urlStorage/IRememberWater/horse-256.webp 256W, https://urlStorage/IRememberWater/horse-512.webp 512W, https://urlStorage/IRememberWater/horse-768.webp 768W, https://urlStorage/IRememberWater/horse-1024.webp 1024W, https://urlStorage/IRememberWater/horse-1280.webp 1280W, https://urlStorage/IRememberWater/horse-2160.webp 2160W"> <img src="https://urlStorage/IRememberWater/crew-1024.jpg" alt="Paris" loading="lazy"> </picture> 我正在根据一些传递的道具生成 srcSet 作为计算值我遇到的问题是默认图像似乎一直在加载（标签 src 中指定的图像。我试过加载在一个简单的 index.html 文件中生成的 HTML，但它仍然无法正常工作。我很想弄清楚语法有什么问题，我们将不胜感激。 提前致谢
我想从 img 标签中的 src 属性获取链接文本。这是带有 img 和 src 标签的 html 的一部分： 我想从 img 标签内的 src 属性获取链接文本。这是带有 img 和 src 标签的 html 的一部分： <img alt="" class="responsive-img" src="https://i.guim.co.uk/img/media/6167380a1330877b8265353f2756b127c2226824/0_81_4256_2554/master/4256.jpg?width=300&quality=85&auto=format&fit=max&s=787aa5ddd44a8a66a06120452e228503"> 我会给出我使用的 HTML 和脚本，因为那是我尝试过的： 这是 HTML： <div class="fc-item__container"> <div class="fc-item__media-wrapper"> <div class="fc-item__image-container u-responsive-ratio"> <picture><!--[if IE 9]><video style="display: none;"><![endif]--> <source media="(min-width: 980px) and (-webkit-min-device-pixel-ratio: 1.25), (min-width: 980px) and (min-resolution: 120dpi)" srcset="https://i.guim.co.uk/img/media/6167380a1330877b8265353f2756b127c2226824/0_81_4256_2554/master/4256.jpg?width=140&quality=45&auto=format&fit=max&dpr=2&s=35c7a9a7cc4e5ebd8fcdfcb67177a8f4 280w"> <source media="(min-width: 980px)" srcset="https://i.guim.co.uk/img/media/6167380a1330877b8265353f2756b127c2226824/0_81_4256_2554/master/4256.jpg?width=140&quality=85&auto=format&fit=max&s=f68f029ce1b60ed96581f28a29062e3b 140w"> <source media="(min-width: 740px) and (-webkit-min-device-pixel-ratio: 1.25), (min-width: 740px) and (min-resolution: 120dpi)" srcset="https://i.guim.co.uk/img/media/6167380a1330877b8265353f2756b127c2226824/0_81_4256_2554/master/4256.jpg?width=140&quality=45&auto=format&fit=max&dpr=2&s=35c7a9a7cc4e5ebd8fcdfcb67177a8f4 280w"> <source media="(min-width: 740px)" srcset="https://i.guim.co.uk/img/media/6167380a1330877b8265353f2756b127c2226824/0_81_4256_2554/master/4256.jpg?width=140&quality=85&auto=format&fit=max&s=f68f029ce1b60ed96581f28a29062e3b 140w"> <!--[if IE 9]></video><![endif]--> <img alt="" class="responsive-img" src="https://i.guim.co.uk/img/media/6167380a1330877b8265353f2756b127c2226824/0_81_4256_2554/master/4256.jpg?width=300&quality=85&auto=format&fit=max&s=787aa5ddd44a8a66a06120452e228503"> </picture> </div> </div> </div> 这是 Puppeteer 脚本： const fs = require("node:fs/promises"); const puppeteer = require("puppeteer"); // ^19.4.1 const url = "https://www.theguardian.com/international"; let browser; (async () => { browser = await puppeteer.launch(); const [page] = await browser.pages(); await page.setJavaScriptEnabled(false); await page.setRequestInterception(true); page.on("request", req => { if (req.url() !== url) { req.abort(); } else { req.continue(); } }); await page.goto(url, { waitUntil: "domcontentloaded" }); const img_src = await page.$$eval(".fc-item__container", els => els.map(e => { const text = s => e.querySelector(s)?.textContent.trim(); return { src: e.querySelector(".fc-item__media-wrapper .responsive-img src"), image: text(".fc-item__media-wrapper .responsive-img"), }; }) ); console.log(img_src); await fs.writeFile("img_src.json", JSON.stringify(img_src, null, 2)); })() .catch(err => console.error(err)) .finally(() => browser?.close()); 脚本运行但我得到的只是空字符串，像这样： [ { "src": null, "image": "" }, { "src": null, "image": "" } } ] 如您所见，我尝试了两种变体，但都没有给出任何结果。 return { src: e.querySelector(".fc-item__media-wrapper .responsive-img src"), image: text(".fc-item__media-wrapper .responsive-img"), }; 非常感谢任何帮助。 首先，在阻止请求和禁用 JS 方面做得很好！这大大加快了脚本的速度，意味着我们可以完全依赖 view-source: 来简化问题。 一个问题是： e.querySelector(".fc-item__media-wrapper .responsive-img src"), 这表示“在带有 <src> 的元素内返回带有 class="responsive-img" 的元素内的 class="fc-item__media-wrapper" 标签”。你可能是说： e.querySelector(".fc-item__media-wrapper .responsive-img") ?.getAttribute("src") 至于“文本”，我不确定那指的是什么，因为 .fc-item__media-wrapper 类中的任何地方都没有文本。 如果您正在寻找踢球者的文字或标题，这是一种方法： const fs = require("node:fs/promises"); const puppeteer = require("puppeteer"); // ^19.6.3 const url = "<Your URL>"; let browser; (async () => { browser = await puppeteer.launch(); const [page] = await browser.pages(); await page.setJavaScriptEnabled(false); await page.setRequestInterception(true); page.on("request", req => { if (req.url() !== url) { req.abort(); } else { req.continue(); } }); await page.goto(url, {waitUntil: "domcontentloaded"}); const data = await page.$$eval(".fc-item__container", els => els.map(e => { const $ = s => e.querySelector(s); const text = s => $(s)?.textContent.trim(); return { src: $(".fc-item__media-wrapper .responsive-img") ?.getAttribute("src"), kicker: text(".fc-item__kicker"), headline: text(".fc-item__headline"), }; }) ); console.log(data); await fs.writeFile("img_src.json", JSON.stringify(data, null, 2)); })() .catch(err => console.error(err)) .finally(() => browser?.close()); 顺便说一下，一旦您达到阻止所有请求并禁用 JS 的地步，您通常可以只需将 fetch（或 axios，如果您还没有在 Node 18 上）与 Cheerio 一起使用。这简化了事情并进一步加快了速度： const cheerio = require("cheerio"); // 1.0.0-rc.12 const url = "<Your URL>"; fetch(url) .then(res => { if (!res.ok) { throw Error(res.statusText); } return res.text(); }) .then(html => { const $ = cheerio.load(html); const data = [...$(".fc-item__container")].map(e => ({ src: $(e).find(".fc-item__media-wrapper .responsive-img").attr("src"), kicker: $(e).find(".fc-item__kicker").text().trim(), headline: $(e).find(".fc-item__headline").text().trim(), })); console.log(data); }) .catch(err => console.error(err));
我想在 android 或桌面 chrome 浏览器上播放 iframe 视频
来源： < iframe data-v-0e8c961e="" allow="fullscreen" src="https://vss-s4.techsol360.com/Stream/Play?ID=292dc1ee-5c5f-4a8f-b990-d0c824524e7c&OTP=
我试图改变dinamically一个img标签的src路径，我有。 然后我通过iframe上传新的照片，新的照片使用相同的名称（img1.jpg），然后通过ajax我刷新......