javascript – 获取图像src而不加载图像？

我有一个通过ajax返回的html片段.该片段是< img>标签.

<img src="image.jpg" />

我需要在不加载图像的情况下提取src属性的值.原因是src属性包含一个部分路径,我需要在我的应用程序中操作以正确加载图像.

我有以下代码当前提取src属性：

var src = $(value).attr('src');

但是,这会导致图像加载,从而产生404.我想避免这种不必要的请求.

如何在不导致浏览器加载图像的情况下提取src属性的值？

解决方法

您可以在访问后删除该属性.

这不会加载无效图像,因为您可以在控制台中确认：

var s= $('<img src="invalidURL.jpg">'),src= s.attr('src');

s.removeAttr('src');
console.log(src);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

删除removeAttr(),它将尝试加载图像.