Question

我正在尝试使用jquery在链接标记上设置download属性。一般来说，我正在使用

<a type="button" id="pdf_modal_button" class="btn btn-primary" href="/download/x.pdf" download target="_blank">Download</a>

下载pdf罚款。

当我生成链接时出现问题：

<a type="button" id="pdf_modal_button" class="btn btn-primary" href=/download/>Download</a>

然后尝试使用jquery更新链接：

    var _href = $('#pdf_modal_button').attr("href");
    $('#pdf_modal_button').attr("href", _href + '/x.pdf')
    $('#pdf_modal_button').attr("download", true)
    $('#pdf_modal_button').attr("target", "_blank")

它改变了下载链接=＆＃34; true＆＃34;

<a type="button" id="pdf_modal_button" class="btn btn-primary" href="/download/x.pdf" download="true" target="_blank">Download</a>

这会导致浏览器在新标签页中打开pdf并显示它，而不仅仅是下载。

问题是，如何才能获得下载属性，而不是下载=＆＃34; true＆＃34;

在下载属性中设置网址也不起作用。

Answer 1

调用

时将其设置为true

$('#pdf_modal_button').attr("download", true)

尝试使用下载链接

替换为true

$('#pdf_modal_button').attr("download", "x.pdf")

Answer 2

似乎是一个空字符串是我想要的，通过将元素复制到铬中来解决它。

var _href = $('#pdf_modal_button').attr("href");
$('#pdf_modal_button').attr("href", _href + '/x.pdf')
$('#pdf_modal_button').attr("download", "")
$('#pdf_modal_button').attr("target", "_blank")

生成

<a type="button" id="pdf_modal_button" class="btn btn-primary" href="/download/x.pdf" download target="_blank">Download</a>

jquery：如何设置下载属性

2 个答案: