Question

我的html文件中有一个带有硬编码src的图像，单击一个按钮时我需要更改该图像。我使用的相对路径是〜/ Content / Images / img.png，显示正常。但是，当单击一个按钮时，我有一些jquery代码用于更改该图像，如此。

$("#response-img-" + (i + 1)).attr('src', img2.png);

这显示默认占位符图像，而不是我的图像。我有什么想法可以改变这个形象吗？

Answer 1

我个人通过将图像URL存储在隐藏字段中的页面上或使用图像本身的data- *属性来简化。然后使用JQuery替换它。

<input type="hidden" value="~/Content/images/ios-startup-image-landscape.png" name="dynamicImageUrl" />
<img id="replaceMe" src="~/Content/images/ios-startup-image-portrait.png" />

 var imgUrl = $('input[name=dynamicImageUrl]').val();
 $("#replaceMe").attr('src', imgUrl);

Answer 2

试试这个：

<input type="button" id="yourbutton" value="ClickMe"  onclick="buttonfunction(this)"/>


function buttonfunction(obj) {
    $("#response-img-").attr('src', obj);
}

MVC5在jquery脚本中更改图像src

2 个答案: