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

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>" 

this is the way i am appending an image and its style. I used some more ways to append a image but thay also not working for me.

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



            }
            
        });
    }

Answer 1

Your svg folder should be placed under wwwroot.

Then you need to change your path to

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

Delete the ~ .