编辑：
发现我的错误：
在此示例中的第3行，$（this）选择器在这种情况下无效。因此，跳过命令，未设置下载属性，浏览器尝试导航到禁止的dataUrl，而不是下载。提示错误。
我有一个将图像存储为base64 png的PWA。我想让用户选择将它们下载到他们的设备上 以前我使用这个非常简单的代码，其中 myAnchor 是我的HTML中的锚标记， pic 包含base64 png：
function imgDownload(pic) {
$('#myAnchor').attr('href', pic);
$(this).attr('download', 'image.png');
$('#myAnchor')[0].click();}
所以：只需将href设置为图像，设置下载属性和文件名，然后单击链接触发下载。但是，无论是出于安全考虑，Chrome 60或61都打破了这一点，现在导致了这个错误：
不允许将顶部框架导航到数据网址：[my b64 png]
是否有（最好不太复杂）的客户端替代方案来实现相同的功能？它只需要在Chrome中运行，当然更多浏览器兼容性很好，但不是必需的。