首页 > 解决方案 > 如何从rest API url下载pdf

问题描述

我正在向我的服务器调用一个 rest api,服务器正在返回我存储的 pdf 的路径,例如

API 响应:

http://xxx.xxx.xxx.xxx/files/mypdf.pdf

Javascript代码

<script>
function download(filename) {
    var element = document.createElement('a');
    element.setAttribute('href', filename);
    element.setAttribute('download', filename);

    element.style.display = 'none';
    document.body.appendChild(element);

    element.click();

    document.body.removeChild(element);
}

<button onClick="download('http://xxx.xxx.xx.xx/pdf/mypdf.pdf')>Click here to download pdf</button>

</script>
</p>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

当我单击按钮时,新选项卡正在打开并且 PDF 正在显示,但我想在单击按钮时直接下载它。

我如何从 Rest Path 直接在浏览器上下载 PDF。请帮助我。

标签: javascriptangular

解决方案


推荐阅读