src 相关问题

SRC是HTML中的常用属性，用于标识与元素相关的资源的位置。

我正在尝试使用这种方法在列中并排显示一些图像： ...

vue.js vuetify.js nuxt.js src v-for

回答 3 投票 0

我正在使用 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，但它仍然无法正常工作。我很想弄清楚语法有什么问题，我们将不胜感激。提前致谢

html image vue.js src srcset

回答 0 投票 0

使用 puppeteer 从 img 标签获取 src

我想从 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> <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">  <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));

javascript image puppeteer src

回答 1 投票 0

我想在 android 或桌面 chrome 浏览器上播放 iframe 视频

来源： < iframe data-v-0e8c961e="" allow="fullscreen" src="https://vss-s4.techsol360.com/Stream/Play?ID=292dc1ee-5c5f-4a8f-b990-d0c824524e7c&OTP=

iframe embed src

回答 0 投票 0

更改<img> src attr同文件名时的缓存问题。

我试图改变dinamically一个img标签的src路径，我有。然后我通过iframe上传新的照片，新的照片使用相同的名称（img1.jpg），然后通过ajax我刷新......

php javascript jquery html src

回答 3 投票 1

用javascript改变图片源码的问题[重复]

我试图根据javascript中的一个变量来改变一个图像SRC。我有以下的模式。

javascript jquery image src

回答 1 投票 0

类型错误。预期的Ptr<cv::UMat>参数'src'的类型错误。

回溯（最近一次调用）。文件 "D:01_GRLDCMOCR_CNN_Test.py"，第31行，img = cv2.resize(img,(32,32)) 类型错误。参数'src'的预期Ptr，我无法...

opencv arguments typeerror pickle src

回答 1 投票 0

Spring Boot和html不能渲染javascript

我正在尝试缓存一个js脚本的一些结果。(请注意，这对其他事情是有效的，比如从服务返回的原始字符串数据，只是不适合这个。另外请注意，这是我第一次尝试...

javascript spring-boot src

回答 1 投票 0

使用Jsoup获取嵌套在类中的类的src。

我是一个jsoup初学者，我想在这段代码中获取图片的Src，如果你运行它，你会看到我想获取的图片。

java html jsoup src

回答 1 投票 0

请帮助我我的img src代码无法从PC获取img？

嗨，请任何人帮助我，我已经写了我的图像路径在HTML中，但它不显示我的图像。哪里是应该保持我的形象在我的PC，即使我保持我的形象和HTML代码在相同的文件夹，但它 ...

image src alt

回答 0 投票 0

使用python上的requestshtml解析img src url

[我正在尝试使用HTML类作为参考在Python上获取img src URL。目前，我的代码是这样的，这些是我一直在使用的库：from requests_html import ...

python html parsing python-requests src

回答 1 投票 0

如何从输入中获取图像的正确位置并使用javascript显示它？

如果我们从输入中获取位置的值，它将返回类似-“ file：/// C：/fakepath/image.jpg”的内容。但是，当我将此值设置为图像的src时，它表示找不到文件。我如何获得...

javascript input src

回答 1 投票 0

未在带有Webpack的React组件中使用动态图像src

我想在我的React组件中引用动态img src。

reactjs image webpack build src

回答 1 投票 0

如何在python硒中获取属性？

driver.get（“ https://es.quora.com/translate_answer?source=overflow_menu&translate_answer=184353372”）复制= driver.find_elements_by_xpath（“ // * [（self :: img或self :: p）并包含（@class，'ui_qtext'）...

python selenium selenium-chromedriver copy-paste src

回答 1 投票 0

为什么不按element.src ='…'或setAtribute加载照片

这些路径使用html。路径变化很好，但是照片不会加载目录和文件：index.html img / img-1.png / img-2.png / img-3.png src / js / app.js img。 src ='img / img-2.png'; img ....

javascript html src

回答 1 投票 0

图像在本地显示，但在托管时不显示

我有一个菜单组件html（src / menu / menucomponent），当在计算机上查看时，该组件会显示主导航文件夹中的图像（src / assets / images / image.png）。然后我有一个sidenav，它是...

html angular src

回答 1 投票 0

我该如何在openlayer中以幻想世界的高质量jpg更改世界视图？

我尝试过使用static-image.html，但它使图像平方，如果缩放，则会失去图像的质量。我不得不说，我在html和css上比在Java上更好（我从未使用过），但是我会......>