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

前端之家收集整理的这篇文章主要介绍了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(),它将尝试加载图像.

猜你在找的JavaScript相关文章