我正在 javascript 中添加行，但实际上我不知道如何在行单元格中添加图像

Question

 [I am appending a row. everything appended but image not showing. I tried some ways but cant solve this problem][1]
function SearchDrivers() {
        var Id = document.getElementById('driverSearch').value;
        $.ajax({
            url: "/Administration/SearchDrivers/" + Id,
            type: "Get",
            contentType: "application/json;charset=UTF-8",
            dataType: "json",
            success: function (response) {
                var table = document.getElementById('DriverTable');
                var drivers = response['users'];
                for (var j = 0; j <= drivers.length; j++) {
                    var driver = drivers[j];
                    tr = "<tr>"
                        + "<td>" + driver['email'] + "</td>"
                        + "<td>" + driver['email'] + "</td>"
                        + "<td>" + "033138445156666" + "</td>"
                        + "<td>" + "<button class='table-btn'>unverified</button>" + "</td>"

这是我附加图像及其样式的方式。我使用了更多方法来附加图像，但它们也不适合我。

                        + "<td>" + "<a asp-action='DriverProfile'><img class='ml-2 icon-15' src='~/svg/visibility.svg'></a>" + "</td>"
                        + "</tr>";
                    $('#DriverTable tbody').append(tr);
                }



            }
            
        });
    }

Answer 1

您的 svg 文件夹应放在 wwwroot.

下

那么您需要将路径更改为

<img class='ml-2 icon-15' src='/svg/visibility.svg'></a>

删除 ~.

我正在 javascript 中添加行，但实际上我不知道如何在行单元格中添加图像

I am working on appending row in javascript but I actually don't know how to append an image in row cell

javascript

c#

jquery

row

asp.net-core