открыть pdf файл из таблицы данных с помощью href

Question

У меня есть таблица данных, которая заполняется данными из моей базы данных sql.Как часть моей таблицы данных, я отображаю имя полученных PDF-счетов.

Когда пользователь нажимает на имя счета-фактуры, я хочу открыть этот счет в браузере.Все счета в формате PDF хранятся в папке Invoices.Эта папка является частью файлов проекта.

Проблема в том, что, когда я нажимаю на имя счета-фактуры, он говорит мне, что не может найти путь.Я гарантировал, что счет существует.

Это то, что у меня есть:

function viewInvoice() {
    $.ajax({
        type: "GET",
        url: "WebService1.asmx/invoice",
        dataType: 'json',
        success: function (data) {
            $('#dtInvoice').DataTable({
                data: data,
                columns: [
                    { 'data': 'InvoiceNo' },
                    {
                        'data': 'InvoiceName',
                        'render': function (InvoiceName) {

                            //Here I use a href anchor to open the invoice but it is not working
                            return '<a href="' + '~/Invoices/' + InvoiceName + '">' + InvoiceName + '</a>';
                        }
                    }
                ]
            });
        }
    });
}

Пожалуйста, помогите мне, как я могу открыть счет в формате PDF, когда пользователь нажимает на имя счета в таблице данных,Спасибо.