javascript - 如何在 html 页面上点击提交下载文件？

Question

我有一个单选按钮，用于列出我的 google 驱动器中的文件名。我希望能够选择一个文件并使用下载 URL 将其下载到我的本地设备。我正在使用来自 Drive API 的 ajax/jquery 使用 HTTP GET 请求获取下载 url。这是我的 get 请求中的成功函数。

    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;  // 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