html 下载文章指定下载文件名

写功能的时候难免遇到下载文件的功能,但是文件的名称一般都是一串随机的字符串,但是我们又想指定文件的文件名,如果是后端程序输出头的下载那比较好弄,可以在头信息中指定文件的下载名称,例如:

header('Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
header('Content-Disposition: attachment;filename="导入模板.xlsx"');
header('Cache-Control: max-age=0');
header('Cache-Control: max-age=1');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); // Date in the past
header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT'); // always modified
header('Cache-Control: cache, must-revalidate'); // HTTP/1.1
header('Pragma: public'); // HTTP/1.0

上面的header中的 filename 就是用来指定文件的保存名称

但是我们遇到的一般都是直接的静态文件呢,从后端程序中走一遭的话,性能浪费不说,还比较麻烦。

其实是可以在html的a标签中直接指定下载文件名的,如下

<a href="http://www.qq.com/akdhfjh_test.docx" download="模板.docx">下载模板</a>

上面html代码中的 download 参数就是指定了文件的保存名称,是不是很简单,可以在自己的项目中试试吧

You May Also Like