Как загрузить файл, нажав кнопку «Отправить» на странице html?

Question

У меня есть переключатель, который отображает имена файлов с моего диска Google. Я хочу иметь возможность выбрать файл и загрузить его на свое локальное устройство, используя URL-адрес загрузки. Я получаю URL-адрес загрузки с помощью HTTP-запроса GET с использованием ajax / jquery из Drive API. Вот функция успеха, которая находится внутри моего запроса на получение.

    success: function (data) {
                   console.log(data);
                   console.log(data.items[0].alternateLink);

                   $.each(data.items, function(key, value) {
                    
                    const uri = value.alternateLink;
                    var uri_dec = decodeURIComponent(uri);
                    
                    
                    $('ul').append('<li class="list-group-item"> <input type="radio" name="recording" id="recording" value="' +uri_dec+ '">  '+value.title+' </li>');
                    //$("ul").append("<li class=\"list-group-item\">"+value.title+"</li>");
                    console.log(uri_dec);
                    
                    document.getElementById("Decoded").innerHTML = uri_dec;

}}

Answer 1

вам необходимо добавить атрибут загрузки

const uri = value.downloadUrl;

$('ul').append('<li class="list-group-item"><a href="' + uri + ' download ">'+value.title+' </a></li>');

если вы хотите дать имя своему файлу, вы также можете указать значение для атрибута загрузки следующим образом: -

$('ul').append('<li class="list-group-item"><a href="' + uri + ' download ='theFileName' ">'+value.title+' </a></li>');

Answer 2

нужно ли рендерить переключатели? В противном случае этот фрагмент кода создаст список ссылок для загрузки:

const uri = value.downloadUrl;  // try this or value.webContentLink

$('ul').append('<li class="list-group-item"><a href="' + uri + '">'+value.title+' </a></li>');

Вы должны иметь возможность щелкнуть любую из ссылок, чтобы загрузить файл.

Прочитав документацию Google Drive API, Я думаю, что downloadUrl или webContentLink могут быть теми свойствами, которые вы ищете:

https://developers.google.com/drive/api/v2/reference/files

Если вам все еще нужна помощь, ознакомьтесь с руководством Google:

https://codelabs.developers.google.com/codelabs/gsuite-apis-intro/#0