Как загрузить файл, когда пользователь нажимает

Я хочу отобразить первые 10 символов послесловия... до совпадения .pdf или xlx или .docx. Каждый результат имеет ссылку. когда пользователь нажимает на конкретную ссылку, он будет перенаправлен на соответствующий файл, и файл будет загружен. может ли кто-нибудь помочь мне.

  function createRowMultiresult(jobjects) {

        var $div = $('<div class = "chat Bot"></div>');
        var $div2 = $('<div class = "user-photo"><img src = "{% static "Robot.jpg" %}" /></div>');
        $div.append($div2);
        var $tbl = $('<table style = "width:100%;"></table>');

        if (jobjects.length>1){
            var $tr = $('<tr><td style = "padding:5px;">Multiple results Found for your query. Please search with specific keyword</td></tr>');
            $tbl.append($tr);
        }

        for(var x=0; x<jobjects.length;x++){

            var currentobj = jobjects[x];
            if (currentobj.ans != null){
                if (currentobj.ans.indexOf("/AA") != -1){
                    var $tr = $('<tr><td style = "padding:5px;"><a href = "https://' + currentobj.ans +'" target = "_blank" >Click Here for User Guide</a></td></tr>');
                    $tbl.append($tr);
                }
                else{
                    var $tr = $('<tr><td style = "padding:5px;">' +(x+1)+'.'+ currentobj.ans.replace(/[^\w\s]/gi, "<br/>") +'</td> </tr>');
                    $tbl.append($tr);
                    if (currentobj.Pic.length>7){
                        var $tr = $("<tr><td style='text-align:center;'><img class='productpic' src='{% static '/Pictures/' %}" + currentobj.Pic +"' /></td></tr>");
                        $tbl.append($tr);
                    }
                }
            }
            else if (currentobj.filename != null){
                    alert("Got there");
                    var $tr = $('<tr><td style = "padding:5px;"><a href = "https://' + currentobj.ans + '" target = "_blank" >' + currentobj.filename.slice(0,10)+"...."+ +'</a></td> </tr>');
                    $tbl.append($tr);
            }
        }

        var $par = $('<p class = "chat-message"></p>');
        $par.append($tbl);

        $div.append($par);
        $chatlog.append($div);

    }

Каждый результат имеет ссылку.

Пример фактического результата:

1. вставка_данных_данных_данных.pdf
2. BE_guage_data_data.xlsx
3. BE_guage_data_data.docx

Ожидаемый результат, и когда пользователь нажмет, он загрузится:

1. вставка_данные....pdf
2. BE_guage.....xlsx
3. BE_guage.....docx