js保存image到本地

function saveImageToLocalStorage(url, imageName) {
    // 创建一个新的Image对象
    let image = new Image();
    image.crossOrigin = "Anonymous"; // 解决跨域问题

    image.onload = function() {
        // 创建canvas元素
        let canvas = document.createElement('canvas');
        canvas.width = this.naturalWidth;
        canvas.height = this.naturalHeight;
        // 将图片绘制到canvas上
        let ctx = canvas.getContext('2d');
        ctx.drawImage(this, 0, 0);

        // 将canvas转换为Blob对象
        canvas.toBlob(function(blob) {
            // 创建一个指向该Blob的URL
            let blobUrl = URL.createObjectURL(blob);
            // 创建一个a标签用于下载
            let a = document.createElement('a');
            a.href = blobUrl;
            a.download = imageName || 'downloaded_image.png';
            // 模拟点击a标签进行下载
            document.body.appendChild(a);
            a.click();
            // 清理
            document.body.removeChild(a);
            URL.revokeObjectURL(blobUrl);
        });
    };

    image.src = url;
}

// 使用示例
saveImageToLocalStorage('https://example.com/image.jpg', 'my_image.jpg');