如何通过JavaScript实现跨域链接下载图片？

本文共计832个文字，预计阅读时间需要4分钟。

前言：图片是最常见的静态资源文件，可以本地或外链获取，或使用base64码展示。而canvas的toDataUrl() API可以将图片转base64，模拟点击事件即可下载图片。

外链下载：在本地在本地下载图片，可以使用以下步骤：

1. 创建一个``标签，并设置其`href`属性为图片的URL。

2.设置``标签的`download`属性，以便用户点击时可以下载图片。

3.将``标签的`style`属性设置为`display: none;`，使其不显示在页面上。

4.使用JavaScript模拟点击事件，触发图片下载。

示例代码：

外链下载：在外链在外链下载图片，可以使用以下步骤：

1. 创建一个``标签，并设置其`href`属性为图片的URL。

2.设置``标签的`target`属性为`_blank`，以便在新窗口中打开图片链接。

3.将``标签的`style`属性设置为`display: none;`，使其不显示在页面上。

4.使用JavaScript模拟点击事件，触发图片在新窗口中打开。

示例代码：

前言

图片是最常见的静态资源文件，可以从本地、外链获取图片，或者使用base64码展示。而canvas的toDataUrl() API可以将图片转base64码，然后模拟点击事件即可下载图片。