如何在点击 HTML 页面的提交按钮后下载文件？

Question

我有一个单选按钮，列出了我的谷歌云端硬盘中的文件名。我想能够选择一个文件，并使用下载URL将其下载到本地设备。 我正在使用来自Drive API的ajax / jquery进行HTTP GET请求，以获取下载链接。 以下是位于我的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;

}}

- Aanya

---

这个回答解决了你的问题吗？使用Javascript/jQuery下载文件 - user5734311

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

如果您仍需要帮助，请查看谷歌的指南：

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

- Ghan

Answer 2

你需要添加下载属性

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>');

- Parth B Thakkar