Javascript 如何在html页面上单击“提交”下载文件?
我有一个单选按钮,列出我的谷歌硬盘上的文件名。我希望能够选择一个文件并使用下载url将其下载到本地设备。 我正在使用HTTP GET请求从驱动API中使用ajax/jquery获取下载url。 下面是get请求中的success函数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);
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=“列表组项”>);
这是否回答了您的问题?