如何将图像src属性作为url而不是base64字符串

Question

我想使用apifier.com制作一个可以从此website获取图片src网址的抓取工具

在HTML中有这个img结构：

<img src="/media/img/news/xcrushed-oreo-cookie-topping-picture-id666954812.jpg.250x160_q96_crop.png.pagespeed.ic.6AnfnS_Jbx.webp">

当我使用这个jquery代码获取src时：

 $("article").find("img").attr("src")

以某种方式回归：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAZCAMAAACM5megAAAAM1BMVEUAAAD

这不是我想要的。我想知道如何获取URI而不是base64字符串（所以我可以将网站url添加到字符串中）。

Answer 1

您的问题是直接返回Base64图像的网址。 因此，要获取网址，您可以添加如下数据属性：

<img data-url="/media/img/news/xcrushed-oreo-cookie-topping-picture-id666954812.jpg.250x160_q96_crop.png.pagespeed.ic.6AnfnS_Jbx.webp" src="/media/img/news/xcrushed-oreo-cookie-topping-picture-id666954812.jpg.250x160_q96_crop.png.pagespeed.ic.6AnfnS_Jbx.webp">

获得价值：

$("article").find("img").data("url")