Javascript 如何在html页面上单击“提交”下载文件?

Javascript 如何在html页面上单击“提交”下载文件?,javascript,html,jquery,ajax,Javascript,Html,Jquery,Ajax,我有一个单选按钮,列出我的谷歌硬盘上的文件名。我希望能够选择一个文件并使用下载url将其下载到本地设备。 我正在使用HTTP GET请求从驱动API中使用ajax/jquery获取下载url。 下面是get请求中的success函数 success: function (data) { console.log(data); console.log(data.items[0].alternateLink);

我有一个单选按钮,列出我的谷歌硬盘上的文件名。我希望能够选择一个文件并使用下载url将其下载到本地设备。 我正在使用HTTP GET请求从驱动API中使用ajax/jquery获取下载url。 下面是get请求中的success函数

    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;

}}
成功:函数(数据){
控制台日志(数据);
console.log(data.items[0].alternateLink);
$.each(数据项、函数(键、值){
常量uri=value.alternateLink;
var uri_dec=decodeURIComponent(uri);
$('ul').append('li class=“list group item”>'+value.title+'');
//$(“ul”).append(“
  • ”+value.title+“
  • ”); console.log(uri_dec); document.getElementById(“已解码”).innerHTML=uri\u dec; }}
    是否需要呈现单选按钮?如果不需要,此代码段将创建下载链接列表:

    const uri = value.downloadUrl;  // try this or value.webContentLink
    
    $('ul').append('<li class="list-group-item"><a href="' + uri + '">'+value.title+' </a></li>');
    
    const uri=value.downloadUrl;//试试这个或value.webContentLink
    $('ul')。追加('li class=“列表组项目”>);
    
    您应该能够单击任何链接下载该文件

    阅读Google Drive API文档,我认为downloadUrl或webContentLink可能是您要查找的属性:

    如果您仍然需要帮助,请查看谷歌指南:


    您需要添加下载属性

    const uri = value.downloadUrl;
    
    $('ul').append('<li class="list-group-item"><a href="' + uri + ' download ">'+value.title+' </a></li>');
    
    const uri=value.downloadUrl;
    $('ul')。追加('li class=“列表组项目”>);
    
    如果要为文件命名,还可以为“下载”属性赋值,如下所示:-

    $('ul').append('<li class="list-group-item"><a href="' + uri + ' download ='theFileName' ">'+value.title+' </a></li>');
    
    $('ul')。追加('li class=“列表组项”>);
    
    这是否回答了您的问题?