Is it possible to download the link page displayed in the onclick input?

Question

This is the div with the input that displays the link!

<div>
<input type="text" class="mb-5 form-control" id="linkIn" readonly>
<button type="button" class="btn btn-primary" onclick="copiar()">Copiar</button>
<button type="button" class="btn btn-primary" onclick="baixar()">Baixar</button>
</div>

This the script

<script>

$("#obterLinkdaLista").on('hidden.bs.modal', function (e) {
    $(".select-users").empty();
});

function obterListaUsuarios(id) {
    $('#idLista').val(id);
    $.ajax({
        type: "POST",
        url: "controles/obter-lista-usuarios.php",
        data: {id: id},
        dataType:"json",
        success: function(data) {
            var $select = $('<select/>', {
                'class':"selectpicker",
                'title':"Usuário...",
                'name': "idUsuario"
            });
            for (j=0; j < data.length; j++) {
                $select.append('<option value=' + data[j].id_usuario + '>' + data[j].nome_usuario +     '</option>');
            }
            $select.appendTo('.select-users').selectpicker('refresh');
        }
    });
    $('#obterLinkdaLista').modal();
}

function listaGlobal() {
    $('#cadastro').modal('hide');
    $('#cadastroGlobal').modal();
}

function removerConfirma(id,nome) {
    $('#remover-conteudo').html('<div class="alert alert-danger" role="alert"><strong> Remover </strong>' + nome + '?</div><button onclick="remover(' + id + ')" type="submit" class="btn btn-danger float-right">Remover</button>');
    $('#remover').modal();
}

function editarGlobalConfirma(id,nome, lista) {
    $('#idGE').val(id);
    $('#nomeGE').val(nome);
    $('#nomeGE').val(nome);
    $('#categoriaGE').val(lista);
    $('#categoriaGE').selectpicker('render');
    $('#editarGlobal').modal();
}

function remover(id) {
    $.ajax({
        type: "POST",
        url: "controles/remover-lista.php",
        data: {id: id},
        success: function(data) {
          location.reload();
        }
    });
}

$( "#cadastro-form-global" ).submit(function( event ) {
    $.ajax({
        type: "POST",
        url: "controles/adicionar-lista-global.php",
        data: $("#cadastro-form-global").serialize(),
        success: function(data) {
          location.reload();
        },
        error: function(data) {
          resultado(data.responseText);
        }
    });
    event.preventDefault();
});

$( "#editar-form-global" ).submit(function( event ) {
    $.ajax({
        type: "POST",
        url: "controles/editar-lista-global.php",
        data: $("#editar-form-global").serialize(),
        success: function(data) {
            location.reload();
        },
        error: function(data) {
          resultado(data.responseText);
        }
    });
    event.preventDefault();
});

$( "#formObterLinkdaLista" ).submit(function( event ) {
    $.ajax({
        type: "POST",
        url: "controles/obter-link-lista.php",
        data: $("#formObterLinkdaLista").serialize(),
        success: function(data) {
            $('#linkIn').val(data);
            $('#obterLinkdaLista').modal('hide');
            $('#linkLista').modal();
        }
    });
    event.preventDefault();
});

function copiar() {
    $('#linkIn').select();
    document.execCommand("copy");
}

</script>

The function

function copiar() {
    $('#linkIn').select();
    document.execCommand("copy");
}

It is responsible for copying the input link, the doubt would be the correct way to add the button to download what is in the link that the input shows.

Answer 1

As you demonstrate that answer, you can use a function that adds the link, with the URL that contains the file to download, in the body of your page, and then click this link programmatically.

Or, you can use the download js..