使用href从数据表中打开pdf文件

Question

我有一个数据表，其中填充了来自我的sql数据库的数据。作为数据表的一部分，我显示捕获的pdf发票的名称。

当用户单击发票名称时，我想在浏览器中打开该发票。所有pdf发票都存储在名为“发票”的文件夹中。此文件夹是项目文件的一部分。

问题是，当我单击发票名称时，它告诉我找不到路径。我已确保发票存在。

这就是我所拥有的：

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发票。谢谢。