如何修改HTML a标签触发下载时的默认保存文件名?
实现方法
这个需求完全可以实现,你只需要修改<a>标签的download属性即可:
你当前代码里download属性为空值,因此浏览器会默认取href路径里的文件名maca.pdf作为下载文件名,你只需要把想要的文件名填写到download属性的引号里就行。
修改示例
比如你想将默认文件名改为玛卡使用说明.pdf,修改后的代码如下:
<a href="/media/maca.pdf" download="玛卡使用说明.pdf"><img src="/static/images/download.svg" alt=""></a>
注意事项
- 同源限制:
download属性仅对同源资源生效,如果你的PDF文件和当前页面不属于同一个域名,绝大多数浏览器会忽略该属性的设置,仍然使用源文件的默认名称下载。 - 响应头优先级更高:如果服务端返回该PDF文件的HTTP响应头中,配置了
Content-Disposition字段并且指定了filename参数,那么响应头里的文件名优先级会高于<a>标签的download属性,修改后不生效可以优先检查后端响应头配置。
内容的提问来源于stack exchange,提问作者maca
相关产品推荐
相关产品推荐

