a标签已设置download属性，但为什么是跳转新页面打开而不是下载？

Question

<a href="http://qr.topscan.com/api.php?text=http://www.makusi.cn/Home/Index/index/ws/YGdllmdj&amp;w=1000&amp;m=100&amp;el=l" download="1---1st_for_test_sample">png</a>

a标签已设置download属性，但为什么是跳转新页面打开而不是下载？
如何才能直接下载？ 而不要跳转新页面打开

Answer 1

分享一个我js下载的代码， 如果属性都一样 那就看看具体的地址里面是否有特殊字符之类的导致语义混乱了

export default (url, name) => {
  const link = document.createElement('a');
  link.setAttribute('download', name);
  link.setAttribute('href', url);
  Object.assign(link.style, {
    position: 'absolute',
    top: 0,
    opacity: 0,
  });
  document.body.appendChild(link);
  link.click();
  link.remove();
};