jquery如何获取图片的路径。

Posted 2023-04-29

<img src="/img/banner1.jpg" > 请问怎么获取到这个src里面的内容。

<div class="test">
    <img src="test.jpg"/>
</div>

$(function()
  var url = $('.test img').attr("src");
  alert(url);
);

jQuery的attr属性可以返回元素属性，如上代码所示

attr(name|preperties|key,value|fn)详解

参数

name :属性名称

properties:作为属性的"名/值对"对象

key,value：属性名称

fn:调用函数

参考技术A $('img')[0].src

这种方式获得的是绝对地址

$('img').attr('src')

这种方式获得的是相对地址

参考技术B var img = '';
$('img').each(function()
img += $(this).attr('src') + '|';
)
最终得到的img就是所有路径的集合（用'|'分割，至于怎么组合，自己随便改）

如果还有其他的img,为了避免取到不必要的东西，可以为你需要取路径的img加上一个自定义的属性，比如rel="fetchimg"
那么取的时候就这样：
var img = '';
$('img[rel=fetchimg]').each(function()
img += $(this).attr('src') + '|';
) 参考技术C <script> 
$(function()
var lujing=$("img").attr("src"); 
alert(lujing); 
)
</script>

如果是多张图片可以给图片加上ID ，将$("img")换成$("#ID名")

本回答被提问者采纳

jquery 获取URL相对/绝对路径问题

　　　　在B/s系统中，使用jquery做图片上传时通常会遇到获取不到路径的的问题，这是因为系统不允许浏览器的访问而进行限制造成的，

一般获取到的都是C://Program Files/~/文件位置。而在有时我们就是需要读取到文件的位置信息，

比如用filestream读取文件时，就需要文件的相对/或觉得路径，

而jquery获取到的路径在filestream中是不被允许的，会出现System.UnauthorizedAccessException:的异常，

这是可以使用Server.MapPath(Path)来获取文件在Web 服务器上的指定虚拟路径相对应的物理文件路径。

string strPath = Server.MapPath(path);

使用strPath来代替path做为文件的路径就OK啦；