Javascript 用JS下载文件按钮

我需要生成链接，然后下载在一个移动链接。我有一个用于生成和下载的按钮，单击该按钮后，我必须调用api生成pdf的下载链接，然后让浏览器打开带有保存项的弹出窗口

            <button type="button" class="btn btn-success btn-block" ng-click="generateAndDownloadPdf()"><i
                class="fa fa-plus"></i>Generate and download invoice</span></button>

我知道，一旦我有了下载url，我就可以使用这个html代码，但我想知道我是否可以为用户一次点击完成所有操作

            <a
           target="_self"
           href="download.url"
           download="file.pdf">
            <button type="button" class="btn btn-success btn-block" ng-click=""><i
                    class="fa fa-plus"></i>Download Invoice</span></button>
        </a>

---

谢谢大家!

您可以在您的方法“generateAndDownloadPdf”中以这种方式强制下载

你可以使用

window.location.href= url_to_download;

var anchor = document.createElement('a');
anchor.href = data.downloadUrl;
anchor.target = '_blank';
anchor.download = data.fileName;
anchor.click();

window.location.href= url_to_download;