Try pass parameter from view to controller method

Question

I have a controller method that returns image from MongoDB, and I want to show it in my view:

<HttpPost()>
        Function ShowImage(cardNumber As String) As FileContentResult

            Dim Handler = New MongoDBHandler()
            Dim newString = cardNumber.Replace(vbLf, "").Trim().Replace("""", String.Empty)
            Dim byteArray = Handler.ReadImage(newString)

            Return File(byteArray, "image/png")
        End Function

I have the javascript function:

function postCardNumber(elm) {
    var CardNumber = $(elm).closest("tr").find(".card-number").html(); 
    var $img = $('<img>');
    $img.attr('src', "data:image;base64," + @Html.Action("ShowImage", "CreditCard", CardNumber));
    $("#myModal").append($img);
}

But there is a red underline under "CardNumber" parameter for the attr function. Why?

Answer 1

Are you sure that razor templates works with JavaScript? You can translate your razor syntax to js/HTML. But I'm not sure that its works vice-versa. Razor syntax transpiled when your page rendered by the server,js starts working when page loaded. You should rewrite your code to js without using razor in this way