在前端中,可以通过创建一个'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'。

前端文件下载实现方法:使用a标签和JavaScript代码

原文地址: https://www.cveoy.top/t/topic/mv2X 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录