javascript - 使用 Jquery 的点击事件不会开始下载

Question

这是我的代码:

var _t = $(this);
_t.parents('td').find('.save-file').attr("href",_OBJECT_URL);
_t.parents('td').find('.save-file').attr('download', fileName);
_t.parents('td').find('.save-file').css('display','block');
_t.parents('td').find('.save-file').click();

_OBJECT_URL 包含这样的链接 blob:https://www.example.com/53713783-ba94-4d5d-9221-54aa1fd87738 CNN:14032:12 2019-07-22_12h32m44s .jpg

并且 fileName 包含一个名称行 2019-07-22_12h32m44s.jpg

我在同一页面上点击了多次“.save-file”链接。我也做了这个功能来调试。

$(document).on('click','.save-file', function(event){
    console.log("CLICKED");
    console.log($(this).href);
    console.log($(this).download);
});

当我使用 jquery 单击 .save-file 时，它​​会被打印出来

Clicked

Undefined

Undefined

如果我手动点击 .save-file，下载开始。

Answer 1

使用下一个

_t.parents('td').find('.save-file').click(function() {
    window.location = _OBJECT_URL;
});

它将建议用户从 url: _OBJECT_URL 下载您的文件

你将不需要下一个代码:

_t.parents('td').find('.save-file').attr("href",_OBJECT_URL);
_t.parents('td').find('.save-file').attr('download', fileName);
_t.parents('td').find('.save-file').css('display','block');

如果您想设置属性 href、download 等:

_t.parents('td').find('.save-file').click(function() {
    window.location = $(this).attr('download'); // or $(this).attr('href')
});