如何使用jquery将src路径更改为图像[重复]答案

【问题标题】：how to change the src path to an image with jquery [duplicate]如何使用jquery将src路径更改为图像[重复]
【发布时间】：2020-03-05 20:08:39
【问题描述】：

图像的路径如下所示：

<img src="uploads/image1.jpg">

图片在index.php 与uploads 位于同一目录时可见。但对于我的管理员，我使用子目录admin。所以要查看图像，路径现在应该是

<img src="../uploads/image1.jpg">

是否可以在使用 jquery 上传之前添加../？我该怎么做？

我想让 uploads 文件夹中的所有图像都可以使用此功能！

【问题讨论】：

@Sheepy 是的！谢谢

标签： javascript jquery image path

【解决方案1】：

你可以这样做......

$('#image').click(function() {
  $('#picture').attr('src': '../uploads/image1.jpg')
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="image">
  <img src="uploads/image1.jpg" id="picture" />
</div>

看到这个答案change img src on click

【讨论】：

检查你的 jquery attr() 语法
还是错了
检查w3schools.com/jquery/html_attr.asp

【解决方案2】：

这个jQuery函数会改变所有图片src:

$.each($("img"), function(){$(this).attr("src","../"+$(this).attr("src"));});
console.log($("body").html());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="uploads/image1.jpg">
<img src="image1.jpg">
<img src="uploads/image9.jpg">

【讨论】：