Esta é a div com o input que exibe o 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>
Este o 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>
A função
function copiar() {
$('#linkIn').select();
document.execCommand("copy");
}
É a responsável por copiar o link do input, a dúvida seria a forma correta de adicionar o botão para baixar o que está no link que o input mostra.