![](/img/trans.png)
[英]React JS:Download the file in JSON Format on clicking the download button
[英]Download file button with 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>
和我的js控制器功能看起来像:
$scope.generateAndDownloadPdf = function(){
//getting download url from api
api.events.invoice.download($stateParams.eventId, $stateParams.speakerId).then(function(data){
console.log(data)
//give url to user
});
}
我知道一旦有了下载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>
谢谢你们!
您可以在yout方法“ generateAndDownloadPdf”中以这种方式强制进行下载,
var anchor = document.createElement('a');
anchor.href = data.downloadUrl;
anchor.target = '_blank';
anchor.download = data.fileName;
anchor.click();
你可以使用
window.location.href= url_to_download;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.