我们有一个Angular应用程序,它获取一些输入参数并将它们发送到后端进行处理.处理结果是我们想要在新选项卡中打开的pdf文件.
执行此操作的代码与以下内容类似:
myService.getDocument(document)
.then(function(response) {
if (response.error) {
// Error handling goes here
} else {
var file = new BLob([response.data), {type: 'application/pdf'});
var fileURL = URL.createObjectURL(file);
$window.open(fileURL, '_blank_');
}
});
Run Code Online (Sandbox Code Playgroud)
一切正常,但浏览器中的URL显示一些随机生成的字符串,如下所示:
blob:http://localhost:3000/85cad96e-e44e-a1f9-db97a96ed3fe
Run Code Online (Sandbox Code Playgroud)
显然这对最终用户来说看起来不太好,我们更愿意展示对用户有意义的东西,如下所示:
blob:ftp://localhost:3000/my_document_name_or_whatever
Run Code Online (Sandbox Code Playgroud)
我是JS的新手,是Angular的新手,是HTML的新手,希望我的问题听起来不是很天真.
提前感谢您的意见.
我正在使用 PDFKit(无节点)在浏览器中生成 PDF,并通过 src 属性将其显示为 iframe 或嵌入标签。生成的 blob URL 是某种 UUID。所以整个页面看起来像:
<embed src="blob:http://localhost/eeaabb..."/>
Run Code Online (Sandbox Code Playgroud)
PDF 看起来不错,但是当我在 Chrome 中单击下载链接时,默认文件名是 UUID。在 FireFox 中,它只是“document.pdf”。
如果这是服务器生成的 PDF,我将使用 Content-Disposition 和/或操作 URL,因此它的最后一部分是我想要的名称,但这对于客户端生成的对象似乎是不可能的。
我尝试过的事情:
有没有办法解决这个问题,以便我可以控制默认/建议的文件名?