火狐 a 标签 download 属性,要在 a 标签添加到页面中才生效;

时间:2021-04-26 19:42:27

在 chrome 中,如果需要设置点击下载文件,需要创建一个 a 标签,指定 download 属性和 href 属性即可,

var aLink = document.createElement('a');
aLink.href = canvas.toDataURL();
aLink.download = 'spirite.png';
aLink.click();

但是在 firefox 中,这样就会失败,需要添加到文档里才行,

//兼容FF,需要添加到页面中才有用
document.body.appendChild(aLink);
aLink.style.display='none';

不过,download 属性属于 html5,兼容性不太好,谨慎使用