前端文件下载实现方法:使用a标签和JavaScript代码
在前端中,可以通过创建一个'a' 标签实现文件下载。
HTML 代码
<a href='文件路径' download='文件名'>下载文件</a>
其中,'href' 属性指定下载文件的路径,'download' 属性指定下载文件的文件名。'download' 属性也可以不指定,此时下载的文件名为文件本身的名称。
JavaScript 代码
function downloadFile(url, filename) {
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', filename);
link.click();
}
调用 'downloadFile' 函数即可实现文件下载,其中 'url' 参数为文件路径,'filename' 参数为下载的文件名。
例如
downloadFile('/uploads/file.pdf', 'example.pdf');
以上代码将下载 '/uploads/file.pdf' 文件,并将文件名设置为 'example.pdf'。
原文地址: https://www.cveoy.top/t/topic/mv2X 著作权归作者所有。请勿转载和采集!