使用Javascript加载图像

Question

我的应用程序是MVC5；我正在尝试使用 JavaScript 加载图像，如下所示：

<img id="id1" class="img-responsive"/>

    
var img = new Image();
        img.src = "~/Content/images/FILMSTRIP.png";
        img.onload = function() {
            var imageElement = document.getElementById("id1");
            imageElement.src = img.src;
            imageElement.maxWidth = "1592";
            imageElement.maxHeight = "516";
            imageElement.alt = "Activities";
            imageElement.style.marginLeft = "auto";
            imageElement.style.marginRight = "auto";
        };

我不工作！

Answer 1

答案是使用

@Url.Content("~/Content/images/FILMSTRIP.png")