使用javascript显示使用Url.Content映射的图像src

Question

我正在使用jquery imagezoom插件，但图像没有显示缩放，我意识到javascript代码无法选择图像源，因为我使用Url.Content来映射我的图像和文件夹。请帮助我如何解决这个问题。以下是我的代码段

 ViewBag.ImagePath = "~/UploadedFiles/";
 string sep = "/";
 <img src="@Url.Content(ViewBag.ImagePath + Model.ProductName + sep + Model.SubImage)"  data-imagezoom=" true" class="img-responsive">
 Var sce = $("#mainimage img").prop('src')

我也试过用这样的javascript设置它但无济于事。

var urlmain = '@Url.Content(ViewBag.ImagePath + Model.ProductName + sep + Model.MainImage)';
var urlsub = '@Url.Content(ViewBag.ImagePath + Model.ProductName + sep + Model.SubImage)';
var urlsubii = '@Url.Content(ViewBag.ImagePath + Model.ProductName + sep + Model.SubImageII)';
$("#mainimage").prop('src', urlmain);  
$("#subimage").prop('src', urlsub);
$("#subimageii").prop('src', urlsubii);

这就是html生成的内容

<img src="/UploadedFiles/On the other/pc4.jpg" data-imagezoom=" true" class="img-responsive" draggable="false">

感谢您的回应。