javascript - 单击按钮后显示图像

Question

我有一个 Controller 方法，它从 MongoDB 以字节数组形式返回图像，我想在我的 View 中显示它:

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

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

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

我有 JavaScript 函数:

function postCardNumber(elm) {

            var CardNumber = $(elm).closest("tr").find(".card-number").html();

            var $img = $('<img>');
            $img.attr("src", "/MyController/MyMethod/CardNumber");
            $("#myModal").append($img);

            }

表格:

当“显示”按钮单击时，表上的“否”。单元格(并且是数据)被发送到 JS 函数，并传递到 Controller ，然后我尝试创建新的图像元素，并将其添加到我的弹出模式中进行显示。 问题是我无法获得 Controller 响应，并花了几个小时在谷歌搜索它，请问有什么解决方案吗？

Answer 1

尝试遵循并检查它是否有效。请验证您在以下 URL 中指定的 Controller 名称是否正确。 我不确定您的 Controller 名称是“MyController”。检查一下，如果有错就修改。 如果以下代码不起作用，请将其在评论中生成的 url 发送给我

函数 postCardNumber(elm) {

        var CardNumber = $(elm).closest("tr").find(".card-number").html();

        var $img = $('<img>');
        $img.attr("src", "@(Url.Action("ShowImage","CreditCard"))/" + CardNumber);
        $("#myModal").append($img);

        }