FileSaver.js下载图片

版权声明：本文为博主原创文章，未经博主允许不得转载。
第一步：引入FileSaver.js

<script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/FileSaver.js"></script>

第二步：
HTML：

<button onclick="download()">下载</button>
    <img src='https://img-blog.csdnimg.cn/2022013001070847198.jpeg' />

JS:

<script>
        function download() {
        	// 这里为data固定一个常量
			const data = 'https://img-blog.csdnimg.cn/2022013001070847198.jpeg';
	        // 创建一个正则表达式, 用户获取(image/png), (png), (iVBORw0KGgoAAAANSUh....)
	        // 可能只适合image类型的, 例如 "application/x-zip-compressed" -> "zip",可以考虑写一个对应关系
	        const regex = new RegExp('^data:([^/]+/([^;]+));base64');
	        // 可能还需要一些校验
	        if (data) {
	            // b64Data = ['image/png', 'png', 'iVBORw0KGgo