js通过链接下载图片

<a href="图片URL" download="文件名.jpg">下载图片</a>

function downloadImage(imageUrl, fileName) {
    const link = document.createElement('a');
    link.href = imageUrl;
    link.download = fileName;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}

// 使用示例
downloadImage('https://example.com/image.jpg', 'my-image.jpg');

async function downloadImage(imageUrl, fileName) {
    try {
        const response = await fetch(imageUrl);
        const blob = await response.blob();
        const url = URL.createObjectURL(blob);
        const link = document.createElement('a');
        link.href = url;
        link.download = fileName;
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
        URL.revokeObjectURL(url); // 释放 Blob URL
    } catch (error) {
        console.error('下载图片失败:', error);
    }
}

// 使用示例
downloadImage('https://example.com/image.jpg', 'my-image.jpg');