按钮点击后显示图像

时间:2017-01-24 21:32:10

标签: javascript jquery asp.net-mvc mongodb

我有一个控制器方法,从MongoDB返回字节数组中的图像,我想在我的视图中显示它:

<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);

            }

表: enter image description here

当“显示”按钮点击时,在表格上显示“否” cell(和是数据)被发送到JS函数,并传递给控制器​​,然后我尝试创建新的图像元素,并将其添加到我的弹出模式show。 问题是我无法获得控制器响应,并在谷歌搜索它花了几个小时,任何解决方案好吗?

1 个答案:

答案 0 :(得分:1)

尝试关注并检查是否有效。请验证您在以下URL中指定的控制器名称是否正确。 我不确定您的控制器名称是“MyController”。检查并更改是否错误。 如果以下代码无效,请将评论中生成的url发给我

function 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);

        }