谷歌chrome打开图像文件，而不是下载它

Question

我试图通过点击链接下载文件。但每次，如果它是chrome可以打开(如图像)，而不是下载文件，它打开它在新的选项卡。我应该怎样做才能阻止它打开文件并下载它?这是我的代码

const downloadElement = document.createElement('a');
downloadElement.href = data;
downloadElement.target = '_blank';
downloadElement.download = data.split('/').pop();
document.body.appendChild(downloadElement);
downloadElement.click();
document.body.removeChild(downloadElement);

Answer 1

无需在body标签中添加link标签。试试下面的代码，它的工作为我。

在data中，您需要传递base64代码。否则，它将在新选项卡中打开!

const downloadElement = document.createElement('a');
downloadElement.download = data.split('/').pop();
downloadElement.href = data; 
downloadElement.click();