js图片保存到本地

// 假设imgSrc是图片的网络地址
const imgSrc = 'https://example.com/image.jpg';

// 创建一个新的Image对象
const image = new Image();
image.crossOrigin = 'Anonymous'; // 如果图片跨域，需要设置crossOrigin属性

// 当图片加载完成后执行
image.onload = function() {
    // 创建一个canvas元素
    const canvas = document.createElement('canvas');
    canvas.width = this.naturalWidth;
    canvas.height = this.naturalHeight;
    const ctx = canvas.getContext('2d');
    // 将图片绘制到canvas上
    ctx.drawImage(this, 0, 0);

    // 将canvas内容转换为Blob对象
    canvas.toBlob(function(blob) {
        // 创建一个表示Blob对象的URL
        const url = URL.createObjectURL(blob);

        // 创建一个a标签用于下载
        const link = document.createElement('a');
        link.href = url;
        link.download = 'downloaded-image.jpg'; // 设置下载文件的默认名称

        // 触发下载
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);

        // 释放URL对象
        URL.revokeObjectURL(url);
    }, 'image/jpeg'); // 可以指定图片的MIME类型
};

// 开始加载图片
image.src = imgSrc;