js实现超链接图片下载

function downloadImage(imageUrl, imageName) {
    // 创建一个隐藏的<a>元素
    const link = document.createElement('a');
    link.href = imageUrl;
    link.download = imageName; // 设置下载的文件名

    // 将<a>元素添加到DOM中并触发点击事件
    document.body.appendChild(link);
    link.click();

    // 移除<a>元素
    document.body.removeChild(link);
}

// 使用示例
const imageUrl = 'https://example.com/path/to/image.jpg';
const imageName = 'downloaded_image.jpg';
downloadImage(imageUrl, imageName);

function preloadImage(url) {
    return new Promise((resolve, reject) => {
        const img = new Image();
        img.onload = resolve;
        img.onerror = reject;
        img.src = url;
    });
}

preloadImage(imageUrl).then(() => {
    downloadImage(imageUrl, imageName);
}).catch(error => {
    console.error('图片加载失败:', error);
});