javascript - 根据变量动态更改图像 URL

Question

我目前正在我正在处理的项目中显示一个圆形图。我想通过更改显示的图像 URL 来更新圆图，有 100 个唯一图像，每个图像代表图表上的一个百分点。URL 以 img/circleGraph/circleG-12.png 的方式设置，数字（在本例中为 12）是图表显示的完成百分比。在 JavaScript /jQuery 中，如何根据从数据库返回的百分比更改动态显示的 URL？

这是我正在开发的 .Net MVC 应用程序，因此完成百分比以小数形式在 Razor 变量中返回给我。我知道我必须将此变量乘以 100 才能转换为整数，然后将其设置为 URL 的一部分，但不确定如何处理它。

Answer 1

$("img").attr("src", "/img/circleGraph/circleG-" + Math.Round(number*100) + fileExtension);

number您从数据库返回的数字在哪里，并且fileExtension是图像文件的文件扩展名（.jpg、.png 等...） - 感谢@Shmiddty 的提醒！