前端自定义pdf等文档下载名称

在前端中,可以使用 window.open() 方法打开新窗口,并以指定的方式加载文档资源。为了指定下载文件的名称,可以通过将文件名作为参数传递到下载地址的方式来实现。

具体来说,可以在下载地址后面添加一个参数 attname,并将其值设置为需要下载的文件名。代码示例如下:

const downloadUrl = 'http://example.com/document.pdf'; // 下载地址 
const fileName = 'my-document.pdf'; // 自定义下载文件名 
window.open(downloadUrl + '?attname=' + fileName); 

在上述代码中,将下载地址和自定义的文件名拼接成新的URL字符串,然后作为参数传递给 window.open() 方法。当用户点击下载链接时,系统会自动弹出文件下载对话框,并使用设置的文件名进行保存。

需要注意的是,使用 window.open() 方法下载文件时,可能会受到浏览器的安全策略限制,需要进行相关设置或调整,才能正常实现文件下载功能。同时,也需要根据具体业务需求和技术环境,选择合适的下载方案和解决方案,以确保文件下载效果最佳。

只使用路径名称就是乱码

拼接attname后就可以显示文件名称

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值