在移动端的WebView中,直接使用 <a> 标签的 download 属性来下载文件不起作用

12 阅读1分钟

在移动端的WebView中,如果直接使用 <a> 标签的 download 属性不起作用,这通常是因为移动端的浏览器或WebView对HTML5的下载属性支持不完全,或者出于安全和用户体验的考虑,自动下载被限制了。

1、使用JavaScript模拟点击事件: 

创建一个隐藏的 <a> 元素,设置其 href 属性指向PDF文件,并模拟点击事件。这种方法在一些WebView中可能有效。(经确认,这种方式无效)

function downloadPdf(url) {
  const link = document.createElement('a');
  link.href = url;
  link.style.display = 'none';
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}